Jquery добавить трудности событие Click

Question

Я совершенно новое в Jquery и нуждаются в помощи на моей следующей задаче:

Я пытаюсь добавить Click функции к существующим элементам LI (обмен же имя класса), но без успеха пока.

Мой HTML выглядит следующим образом:

<div class="ol_results" style=" display: inherit; width: 100%; top: 276px; left: 175px;"> 
<ul> 
<li class="myorders"> 
<span id="Orderid" class="orderDetails">1</span> 
<span id="orderDate" class="orderDetails">2012/12/20</span> 
<span id="DispatchDate" class="orderDetails">Dispatched</span> 
</li> 
</ul> 
</div> 

и мой Jquery является:

$('.myorders').live('click', function() { alert("Clicked!") }); 

Что я пропустил?

Любая помощь будет оценена по достоинству.

Answer 1

Использование связывания вместо живой()

$('.myorders').bind('click', function() { 
    alert("Clicked!") 
}); 

Answer 2

если вы используете JQuery 1.9 ... live() удаляют ..so используют on

$('.ol_results').on('click','.myorders', function() { alert("Clicked!") });  

или иначе, если ваш <li> не добавляется динамически THN вы можете позвонить напрямую.

$('.myorders').click(function(){alert("Clicked!")}); 

Answer 3

Сделать использование живой(), а не на() для последних версий

$('.myorders').on('click', function() { 
    alert("Clicked!") 
});