如何在单击函数中绑定jquery中的2个元素

Question

For closing a modal with the class submitmodal i use this code and it works fine.

$('.submitmodal').click(function() {          
      window.location.hash='close';
});

For click on the body somewhere i use this:

$('body').click(function() {          
      window.location.hash='close';
    });

How can i merge them together?

I tried this but it does not work

$('.submitmodal', 'body').click(function() {          
      window.location.hash='close';
    });

Answer 1

Try

(".submitmodal, body").click(function() {          
      window.location.hash="close";
});

The selectors have to be in the same string, seperated by a comma.

Answer 2

Try this :

    $(document).on("click",'body',function(){
       window.location.hash='close';
    })

Answer 3

This should do it

$('.submitmodal, body').click(function() {          
    window.location.hash = 'close';
});

Answer 4

You can use Multiple selector using first selector, second selector

$('body,.submitmodal').click(function() {          
          window.location.hash='close';
        });

Answer 5

You can specify any number of selectors to combine into a single result. This multiple expression combinator is an efficient way to select disparate elements. The order of the DOM elements in the returned jQuery object may not be identical, as they will be in document order.

$("body, .submitmodal").click(function() {          
      window.location.hash="close";
});

For More help see this : multiple-selector I hope it helps you :), Thanks.

Answer 6

This should solve your issue:

$('.submitmodal, body').click(function() {          
      window.location.hash='close';
});

But the problem I see is that when you click anywhere over the body you are closing your modal and that includes when you click over the element that opens itself. So I would suggest you to write something like that:

$('body, .submitmodal').click(function(e) {  
      if (e.target !== this) return;  //prevents body's child elements from being affected
      window.location.hash='close';
});

I've done some tests and apparently 'this' references to the first selector (body) which is fine for this situation.