【问题标题】:li tag odd,even code not working when we use paginationli 标签奇偶代码在我们使用分页时不起作用
【发布时间】:2014-05-04 10:19:38
【问题描述】:

我已经使用了这个 jquery 脚本。对于没有分页的页面,我可以正常工作。例如(我有 n 个 li 标签,这些标签正在将此脚本用于 css 目的。在第一页上它只会显示 10 篇文章和当我在第二页点击查看时,页面底部会有分页,脚本将不起作用。)这个有什么需要改变的吗??

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
   <script type="text/javascript">
    $(document).ready(function() {
        $ ('ul.over-list li:even').addClass('even');
        $ ('ul.over-list li:odd').addClass('odd');
    });
   </script>

【问题讨论】:

  • @PratikJoshi 当您意识到在发布的 JS 中处理了哪个事件并且 OP 使用 AJAX 和分页时,问题就很明显了。

标签: jquery ajax css pagination


【解决方案1】:

使用 AJAX 加载的元素会在用户单击带有页码的按钮后出现。这发生在文档准备好之后,并且它们不受ready 事件处理程序的影响。

您有两个选择:
1. 为您的 AJAX 请求添加回调,这会将 evenodd 类添加到页面上的新元素。
2. 在你的 CSS 中使用 li:evenli:odd 选择器,而不是使用类来复制它们。

【讨论】:

  • 感谢您的快速回复。我想在我的脚本中使用回调函数??。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-07-11
  • 1970-01-01
  • 1970-01-01
  • 2022-11-18
  • 1970-01-01
  • 2013-03-18
相关资源
最近更新 更多