创建一个可点击的链接

问题描述：

<script> 
$(document).ready(function() { 
    var li = $('.someDiv li'); 
    li.toggle(function() { 
     li.children("div").hide(); 
     $(this).children("div").fadeIn(700); 
    }, function() { 
     $(this).children("div").fadeOut(300); 
    }); 
}); 
</script> 

<div class="someDiv"> 
<ul> 
<li>Title <div style="display:none;">Description <a href="#">Something</a></div></li> 
<li>Title <div style="display:none;">Description <a href="#">Something</a></div></li> 
<li>Title <div style="display:none;">Description <a href="#">Something</a></div></li> 
</ul> 
</div>

divs中有链接，但是当div可见时链接不可点击，因为点击只是切换div。链接如何工作？创建一个可点击的链接

您需要添加一些相关的代码。什么是HTML？也许把它添加到小提琴？ – thomaux

很高兴看到你在说什么链接。 – chrona

另外，为什么要让列表元素可点击......？ –

答

我不会使用切换，检查事件以查看它是否是锚点，如果它忽略了点击。

$(function() { 
    $('.someDiv').on("click","li", function(e){ 
     var li = $(this); 

     if ($(e.target).is("a")) return; 

     li.toggleClass("open"); 
     var divs = li.children("div").stop(); 

     if(li.hasClass("open")) { 
      divs.fadeIn(700); 
     } else { 
      divs.fadeOut(300); 
     } 

    }); 
});

创建一个可点击的链接

相关推荐