自定义jquery选择器在我的情况下不起作用

Question

$('.modal-footer button').attr('data-print','').text('Print');

$(document).off('click', '.modal-footer button["data-print"]').on('click','.modal-footer button["data-print"]',function(){
   alert('fire');
});

我希望代码从底部开始执行，因此自定义选择器应该可以工作，但它没有，那里有什么问题？

Answer 1

您需要删除选择器中属性名称周围的引号。试试这个：

$(document)
    .off('click', '.modal-footer button[data-print]')
    .on('click', '.modal-footer button[data-print]', function(){
        alert('fire');
    });

Example fiddle