單擊子元素時阻止父類

正如您從我創建的bootply中所看到的那樣，當您單擊面板中的任意位置時，輸入變爲活動狀態。當我點擊信息按鈕（橙色圖標）時，它應該打開一個手風琴，但父母（輸入）沒有激活。問題是父母仍然活躍。單擊子元素時阻止父類

我可以通過添加解決這個問題：

$('.tickets-more').click(function(){ 
    event.stopPropagation(); 
});

但是，這可以防止信息按鈕（橙色圖標）從完全工作（手風琴不開放）。

這裏是沒有上面的代碼中的bootply - http://www.bootply.com/ZKoCxNfMqc 這裏它與片段 - http://www.bootply.com/WW3Ze2DEpg

來源

2014-09-01 Tom Rudge

如果你不想要那個功能，爲什麼你把所有的內容放在一個標籤裏面？ – adeneo 2014-09-01 15:52:07

'event'變量來自哪裏？ – cmbuckley 2014-09-01 15:52:47

對不起，我錯過了什麼？標籤在做什麼？ – 2014-09-01 15:53:59

只需添加/刪除類時，目標元素不具備類info-sign。

Updated Example

$(".ticket-selector").off('click'); 
$(".ticket-selector").on('click', function(e){ 
    if(!$(e.target).hasClass('info-sign')) { 
    $(".ticket-selector").removeClass("active"); 
    $(this).addClass("active"); 
    } 
});

..和作爲其他人已經說了，你也應該避免把一切label元素中。

來源

2014-09-01 16:07:19

單擊子元素時阻止父類

回答

相關問題