jQuery的任何東西，但格，一切單擊INSIDE

Question

我使用TIS代碼：

$(document).bind('click', function(e) { 
    if(!$(e.target).is('#paybox')) { 
    $('#paybox').hide(); 
    } 
}); 

隱藏#paybox當用戶點擊任何地方，但#paybox。

但是，當我點擊 「廣播」 的形式：

<div id="paybox"> 
    <table width="100%"> 
     <tr> 
      <form method="post" action=""> 
       <td> 
        <input type="radio" name="dauer" value="small" checked> 
       </td> 

       <td> 
        <input type="radio" name="dauer" value="mid"> 
       </td> 

       <td> 
        <input type="radio" name="dauer" value="big"> 
       </td> 
      </form> 
     </tr> 
    </table> 
</div> 

內#payboy然後#payboy得到隱患！

我該如何預防？

Answer 1

您應該檢查您的點擊是否在paybox內或沒有。像這樣的東西應該工作：

​​

所以這只是隱藏#paybox元素如果點擊既不是對paybox也不是說是#paybox元素中的任何節點。

Answer 2

您可以使用closest或parents檢查這個如下

$(document).bind('click', function(e) { 
 
    if(!$(e.target).is('#paybox') && $(e.target).closest('#paybox').length === 0) { 
 
    $('#paybox').hide(); 
 
    } 
 
});

#paybox { 
 
    background-color: gray; 
 
    height: 100px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="paybox"> 
 
    <table width="100%"> 
 
     <tr> 
 
      <form method="post" action=""> 
 
       <td> 
 
        <input type="radio" name="dauer" value="small" checked> 
 
       </td> 
 

 
       <td> 
 
        <input type="radio" name="dauer" value="mid"> 
 
       </td> 
 

 
       <td> 
 
        <input type="radio" name="dauer" value="big"> 
 
       </td> 
 
      </form> 
 
     </tr> 
 
    </table> 
 
</div>

Answer 3

你可以檢查，如果目標是你的div

// if target is not paybox and is not child of paybox 
$(document).bind('click', function(e) { 
    if(!$(e.target).is('#paybox') && !$(e.target).parents('#paybox').length) { 
    $('#paybox').hide(); 
    } 
});