Question

我正在尝试构建一个Twitter风格的Web应用程序。我有一个代码，点击显示该twit的额外内容（回复和其他详细信息）。这是jquery代码：

$('.twit').click(function() {
    $(this).next().slideToggle(function() {});
});

这很好用，但是（比如在twitter上）我想当用户点击用户名（创建者）时，slideToggle没有关闭（详情不显示），我试过这个：

$('.twit').not('.username').click(function() {
    $(this).next().slideToggle(function() {});
});

这是html：

<div id="twit_id_{$twits[i].TID}" class="twit">

    <a href="user.php?id={$twits[i].USERID}" class="username">{$twits[i].display_name}</a>

</div>

<div class="details" style="display:none;">

    <!--details-->   

</div>

Answer 1

试试这个：

$('.twit:not(".username")').on('click', function(){
    $(this).next().slideToggle(function() {});
});

Answer 2

试试这个

$(document).on("click",".username",function(e) {
      e.stopPropagation();
});

从slideToggle，jquery中排除一个链接

2 个答案: