событие клика в jQuery не работает, как я ожидаю - PullRequest
Новая
       30

событие клика в jQuery не работает, как я ожидаю

0 голосов
/ 12 марта 2012

У меня есть div и якорная ссылка на моей странице, и я правильно ссылаюсь на jQuery. это примерно так: 

<div id="tools"></div> <!---- which has width and height , .. --->
<a class="navtab" href="#" id="onoff">Forum Tools</a>

после этого я поставил этот код: 

<script>
$("#onoff").click(function {
   $("#tools").fadeOut(2000);
});
</script>

Я ожидаю, что div исчезнет через 2 секунды, когда я нажму на ссылку. но ничего не происходит .. но когда я использую его как простое утверждение без какого-либо события, оно прекрасно работает: 

<script>
$("#tools").fadeOut(2000);
</script>

чтобы убедиться, что все в порядке, я поместил весь код в событие .load: 

<script>
$(document).ready(function() {
$("#onoff").click(function {
   $("#tools").fadeOut(2000);
});
});
</script>

но все еще нет шансов: |

что не так с моим кодом? любая помощь будет оценена.

Ответы [ 2 ]

1 голос
/ 12 марта 2012

Вам нужно добавить () после щелчка (функция 

$("#onoff").click(function{

до 

$("#onoff").click(function(){

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

<script type="text/javascript">

Всегда проверяйте, включен ли файл jQuery, прежде чем вызывать какие-либо функции jQuery: 

<script type="text/javascript" src="/path/to/my/jquery.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $("#onoff").click(function(){
      $("#tools").fadeOut(2000);
    });
  });
</script>

Полностью функциональный пример:

http://jsfiddle.net/TaW6Z/

1 голос
/ 12 марта 2012

Вы пропускаете скобки после function. 

$("#onoff").click(function {

должно быть 

$("#onoff").click(function() {
...