Question

Internet Explorer 7似乎忽略了以下示例中第二行中的：not-selector，它显示然后隐藏内容 - 而不是显示带有正确索引的内容并隐藏其余内容。

$('.dashboard-module-content:eq(' + indexFoo + ') .expand-collapse').show('fast');
$('.dashboard-module-content:not(:eq(' + indexFoo + ')) .expand-collapse').hide('fast');

任何人都知道应该解决这样的问题？

Answer 1

jQuery伪选择器:eq()与结果集有关，而不是父对象内的位置等。试试这个：

$(".dashboard-module-content .expand-collapse")
   .eq(indexFoo).show('fast').end()
   .not(':eq(' + indexFoo + ')').hide('fast');

我认为.dashboard-module-content与.expand-collapse的比率为1：1。（每个仪表板模块仅包含一个展开折叠块）

此块也稍微优化一下，因为它不会每次执行两次收集所有.dashboard-module-content块。

IE7忽略：not-selector

1 个答案: