Как я могу заставить пузырьки событий работать, когда в первый раз нажал div?

Question

Я делаю календарь. Я хочу, чтобы пользователь мог щелкнуть в любом месте в определенный день (ячейку таблицы), и что-то происходит. В этот день могут быть события, которые содержатся внутри div в ячейке таблицы. Если пользователь нажимает на div, то происходит что-то еще. Мне удалось предотвратить событие пузыря, когда пользователь нажимает на doSomethingElse(), но он не работает при первом нажатии. Он работает только при последующих кликах, никогда не на первом клике. Почему не отменяется действие барботажа событий при первом щелчке и работает только во всех последующих кликах?

HTML:

<table> 
    <tr> 
     <td onclick="doSomething()"> 
      <div class="view" onclick="doSomethingElse()">Text</div> 
     </td> 
    </tr> 
</table> 

Javascript:

function doSomethingElse() { 
    $('.view').click(function(e){ 
     e.cancelBubble = true; 
     e.returnValue = false; 

     if (e.stopPropagation) 
     { 
      e.stopPropagation(); 
     } 
    }); 

    $('#myID').load('myFile.php'); 
} 

UPDATE: Я положил это на моей странице:

<script> 
$(document).ready(function() { 
    $('.view').click(function(e){ 
     e.cancelBubble = true; 
     e.returnValue = false; 

     if (e.stopPropagation) 
     { 
      e.stopPropagation(); 
     } 
    }); 
}); 
</script> 

Затем OnClick = "doSomethingElse()" просто содержит остальную часть моего скрипта. Проблема заключается в том, что doSomethingElse() имеет параметры, так что кажется, что мне нужно еще иметь следующее:

<div class="view" onclick="doSomethingElse(id1,id2)">Text</div> 

Он по-прежнему работает только на 2-й, 3-й, ... щелчками, но не первый.

Answer 1

Поскольку вы эффективно написали код привязки в своем обработчике onclick. Поместите привязку вашего клика (элемент $ ('. View'). Щелкните элемент) в вашем документе. Кроме того, почему загрузка вне обработчика?