Я получил этот HTML в * WebPartUserControl.ascx файл моего Sharepoint 2010 веб-часть проекта:Почему мой обработчик jQuery не стреляет?
<html>
<h1>Pre- and Post Travel Form Help</h1>
<div id="preTravel" name="preTravel">
<h2>Pre Travel</h2>
<img id="imgPreTravel" name="imgPreTravel" src="/_layouts/images/TravelFormHelp/posttravelpdf.png" alt="pre Travel image" height="275" width="350">
</div>
<div id="postTravel" name="postTravel">
<h2>Post Travel</h2>
<img id="imgPostTravel" name="imgPostTravel" src="/_layouts/images/TravelFormHelp/posttravelpdf.png" alt="post Travel image" height="275" width="350">
</div>
</html>
... и это JQuery:
<script type="text/javascript">
$('imgPostTravel').click(function() {
alert('you clicked the post Travel image');
this.addClass('hide');
});
</script>
Соответствующий CSS является:
Когда я нажимаю 'imgPostTravel', ничего не происходит - изображение не только не исчезает, я не вижу предупреждения.
В качестве проверки вменяемости (что я, возможно, неисправной), я попробовал подобный код в jsfiddle here и там тоже обработчик нажмите не стрелять - там должна быть что-то принципиально ненормальным о том, что я делаю , но я не могу видеть его ...
вам нужно использовать '$ ('# imgPreTravel')' вместо '$ ('imgPreTravel')' – Sushil