檢查點擊時沒有按鈕在容器中點擊

Question

我有一個容器，在那個容器中我有一個按鈕。

如果我點擊容器我想要一些面板slideDown（已經工作） 但是當我點擊按鈕我不希望面板滑下來。

這是我使用

$(function(){ 
    //.sonata-purchases-container > .list-group-item 
    $('.sonata-purchases-container > .list-group > .list-group-item:not(.admin-shop-resend)').click(function(event){ 

     var infoContainer = $(this).find('.purchases-info'); 
     infoContainer.slideToggle(); 

    }); 
}) 

但是，即使當我的狀態沒有選擇的代碼，該面板總是滴下來，當我按一下按鈕。

我使用上的click事件的目標屬性，但上的按鈕也可以是您點擊按鈕嘗試itsself或按鈕，它的跨度文本

按鈕代碼：

<button class="pull-right btn btn-default admin-shop-resend" value="somevalue"> 
    <span class="text"> 
     <i class="fa fa-refresh text-success"></i> 
     Resend 
    </span> 
</button> 

.purchases- info是滑下的面板

Answer 1

嘗試event.stopPropagation()，它用於停止DOM中的事件冒泡。

$(function(){ 
    //.sonata-purchases-container > .list-group-item 
    $('.sonata-purchases-container').click(function(event){ 
     var infoContainer = $(this).find('.purchases-info'); 
     infoContainer.slideToggle(); 

    }); 
}) 
$(document).on('click','#pullbutton',function(event) 
       { 
        event.stopPropagation(); 
       });