2015-09-24 4 views
0

Я получил этот 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 и там тоже обработчик нажмите не стрелять - там должна быть что-то принципиально ненормальным о том, что я делаю , но я не могу видеть его ...

+5

вам нужно использовать '$ ('# imgPreTravel')' вместо '$ ('imgPreTravel')' – Sushil

ответ

7

Это легко исправить, просто добавьте хэштегом к вашему селектором, так как это идентификатор:

$('#imgPostTravel').click(function() { 
+0

Дерьмо, я не могу поверить, что я снова это забыл; кто-то ударил меня (не очень хорошо). –

+0

Всегда хорошо, чтобы получить еще один набор глаз! Пожалуйста, нажмите галочку в ответе, чтобы принять его. – mdeang2

1

Измените код, как это

<script type="text/javascript"> 
     $(function() { 
      $('#imgPostTravel').click(function() { 
       alert('you clicked the post Travel image'); 
       this.addClass('hide'); 
      }); 
     }); 
</script> 
Смежные вопросы