jQuery的模糊只有一次點擊關閉

Question

我有後續的HTML

<div id="outerID"> 
    <input id="inner1" type="text" value="button1"/> 
    <input id="inner2" type="text" value="button2"/> 
    <table> 
    <tbody> 
     <tr> 
     <td> 
     <input id="inner3" type="text" value="button2"/> 
     </td> 
     </tr> 
    </tbody> 
    </table> 
</div> 

用下面的jQuery

jQuery('#outerID').live('blur', function() { 
    alert('fire'); 
}); 

我只希望「模糊」火時，點擊是id="outerID" OUTSIDE - 用戶可以在id=outerId之內儘可能多地點擊內部，但是如果他們'點擊'id=outerId然後blur？

Answer 1

試試這個：

var insideDiv = ""; 

jQuery('div#outerID').live('click', function (e) { 
    if(insideDiv != "" && insideDiv != 'outerID'){ 
     alert('fire'); 
    } 
    insideDiv = "outerID"; 
    return false; 
}); 

jQuery('div#outerID2').live('click', function (e) { 
    if(insideDiv != ""&& insideDiv != 'outerID2'){ 
     alert('fire'); 
    } 
    insideDiv = "outerID2"; 
    return false; 
}); 

我認爲outerID2是其他分區的ID。