jQuery Blur只有一次点击

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"的外部时触发“模糊” - 用户可以在id=outerId内点击内部多次，但如果他们'点击'{{1}然后id=outerId？

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是另一个div的id。