Onclick не запускается в IE, когда DOM-элемент создается с помощью jQuery

Question

Итак, вот фрагмент кода jQuery, который я использую для создания div, на который я хочу щелкнуть

$("#someID").after('<div style="cursor:pointer; text-decoration:underline; display:inline;" onClick="alert(\'It Worked\');">Details</div>');

. Это работает в FireFox без проблем, это просто IE, который не вызывает событие.Div добавляется сразу после #someID, но onclick не работает.

Answer 1

Вы должны добавить обработчик кликов, используя метод jQuery click, например:

$('<div style="cursor:pointer; text-decoration:underline; display:inline;">Details</div>')
    .click(function() { alert('It Worked'); })
    .insertAfter('#someID');

Это будет работать, а также будет намного быстрее.(Браузер не должен запускать анализатор Javascript)

Answer 2

используйте .live() или .delegate() для привязки событий к элементам, созданным после загрузки страницы (в будущем).