Question

我有这个HTML

<div class="tagc">
    <p class='HidTagc'>Hide</p>
    <p class='tpt'>Tagged people</p>
</div>

这个jquery

        $(".HidTagc").click(function(event) {
            $(this).parent().css({'border-bottom':"1px solid"});
            $(this).siblings().css('border-bottom', '0');
            $(this).html("Show").addClass('showt');
        });
        $(".tagc").delegate('.showt', 'click', function() {
            $(this).parent().css({'border-bottom':"0"});
            $(this).siblings().css('border-bottom', '1px solid'); 
        });

问题是当我点击＆＃34;隐藏＆＃34;它运行得很好，但是一旦它自动更改后将css更改为'border-bottom':"1px solid"一秒钟至'border-bottom':"0"，我认为是因为这一行

$(this).html("Show").addClass('showt');

那么我怎样才能使这项工作正常进行

Answer 1

你必须阻止事件冒泡，

 $(".HidTagc").click(function(event) {
   event.stopPropagation();

阻止这种情况发生。 .tagc是.HidTagc的父级。因此，只要您点击.HidTagc，该事件也会传播到tagc。

Jquery正在自动点击

1 个答案: