开发者

jQuery delegate for TR, ignoring links

开发者 https://www.devze.com 2023-04-12 16:27 出处:网络
I use event delegation to display ,on click,a popup with detailed info on each TR of a table. However, the TR has some actual开发者_开发知识库 links, and I need to avoid showing the popup if a link is

I use event delegation to display ,on click,a popup with detailed info on each TR of a table. However, the TR has some actual开发者_开发知识库 links, and I need to avoid showing the popup if a link is being clicked. (so show the popups only when the user clicks on a portion of the TR that is not a link. can anyone point me into the right direction? thanks.


you need to cancel propagation on all links in the table:

$('table').delegate('td', 'click', function (e) {
    // do some code
});

$('table').delegate('a', 'click', function (e) {
    e.stopPropagation();           
});

EDIT: in a single delegate, somthing like this (not tested!):

$('table').delegate('td', 'click', function (e) {            
    if (e.target.nodeName.toLowerCase() == 'a') {
        e.stopPropagation();           
    }
    // do some code                       
});


You can use method chaining to reduce the code, but the credit is all goes to @Shlomi Komemi

$('table').delegate('td', 'click', function (e) {
    // do some code
}).delegate('a', 'click', function (e) {
    e.stopPropagation();           
});
0

精彩评论

暂无评论...
验证码 换一张
取 消