javascript - Jquery.next IE6/7问题

Question

除了简单的隐藏/显示推荐画廊的脚本，我一直遇到问题。

我认为 java 有点不言自明...

当页面加载时，我告诉它显示队列中的第一个推荐(因为 css 是 display:none)并给它一个选定的类名。全面运作良好。

单击“我希望它删除所选类(class)并将其放置到另一个类(class)”，然后隐藏第一个推荐并拉出相应的。除了这里发生的所有事情是第一个推荐消失(隐藏)并且添加了选定的类。

<script type="text/javascript">
$(document).ready(function(){
    $(".testimonial:first").show();
    $("li.testID:first").addClass("selectedName");

    $("li.testID").click(function(){
        $("li.testID").removeClass("selectedName");
        $(this).addClass("selectedName");
        $(".testimonial").hide();
        $(this).next(".testimonial").fadeIn("slow");
    });
});
</script>

标记示例

<ul id="testName">
  <li class="testID">Persons Name</li>
    <blockquote class="testimonial">
      <span class="bqStart">&#8220;</span>
        Testimoinal here
      <span class="bqEnd">&#8221;</span><br /><br />     
      <span class="testAuthor"><b>Name</b><a target="_blank" href="#">Website</a> Company</span>
    </blockquote>

作为旁注，这在 FF 和 Safari 中工作正常

非常感谢您的帮助。

谢谢。

Answer 1

它可能在 IE 中不起作用，因为它不是有效的标记:您不能将 block 引用作为 UL 的直接子代，因此 IE 可能将它们存储在 DOM 树中某个奇怪的地方，这意味着 .next 不会找到他们。你能把 blockquote 元素移到 li 中吗？