自定义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');
});

I expect the code execute from top the bottom, so the custom selector should work, but it didn't, what's wrong there?

Answer 1

You need to remove the quotes around the attribute name in the selector. Try this:

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

Example fiddle