Question

如果索引匹配则函数不起作用，如果不同的索引匹配则显示索引的元素并继续，这里是我的代码：

HTML

 <ul>
    <li id="foo">foo</li>
    <li id="bar">bar</li>
    <li id="baz">baz</li>

</ul>
    <div class="a">e</div>
    <div class="a">f</div>
    <div class="a">g</div>

CSS

    .a{display:none;}

的jQuery

    var t,flag;

    $('li').click(function(){  
      t=$(this).index();
      if ($("div.c").eq(t).is(":visible") == true) { 
                flag=0;      //should continue without loading page
             }                        
      else { 
                $('.a').fadeOut();
                $('div.a').eq(t).fadeIn(); 
           }
   }

Answer 1

发现了几个语法错误：

第5行：$("div.c"):eq(t).is(":visible") =＆gt; $("div.c").eq(t).is(":visible")

第12行：} =＆gt; });

var t, flag;

$('li').click(function () {
    t = $(this).index();
    if ($("div.c").eq(t).is(":visible")) {
        flag = 0; //should continue without loading page
    } else {
        $('.a').fadeOut();
        $('div.a').eq(t).fadeIn();
    }
});

WORKING DEMO：我只使用div.a进行测试。

Answer 2

更改if ($("div.c"):eq(t).is(":visible") == true) { 至 if ($("div.c").eq(t).is(":visible") == true) {

http://jsfiddle.net/FV5Bc/

在索引匹配运行函数停止jQuery

2 个答案: