почему мой jQuery не связывает мое событие? - PullRequest
3 голосов
/ 17 сентября 2010

Я думал, что понял JQuery, очевидно нет.Почему в этом примере первое текстовое поле регистрирует щелчки, а не второе?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4

/strict.dtd">
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.min"/>
<script type="text/javascript">

    captureKeys = function(event)
    {
    alert("foo");
    }
    $(document).ready(function()
            {
        $('#UsingJQuery').bind('keyup', function(){alert('bar');});
            });

</script>
</head>
<body id="contentText" >
    <input type="text" id="UsingPlainJavaScript" onkeyup="captureKeys()"/>
  <input type="text" id="UsingJQuery"/>

</body>
</html>

РЕДАКТИРОВАТЬ: ОК, я исправил опечатку, но она все еще не работает ..

Ответы [ 3 ]

4 голосов
/ 17 сентября 2010

Это вызывает проблемы:

<script type="text/javascript" src="jquery-1.4.2.min"/>

Вам нужна </script>, чтобы иметь действительную разметку

<script type="text/javascript" src="jquery-1.4.2.min"></script>

Это большая NoNo может быть причиной вашей проблемы.Другое дело, что в вашем имени файла нет .js?Убедитесь, что ваше jQuery lib имеет правильное имя.

Ссылка: http://www.w3.org/TR/xhtml1/#C_3

3 голосов
/ 17 сентября 2010

Поскольку идентификатор второго элемента ввода равен UsingJQuery (заглавная U ), не usingJQuery.

$('#UsingJQuery').bind('keyup', function(){alert('bar');});

должен делать это.

Обновление:

Ошибка должна быть где-то еще, ваш код правильный.См .: http://jsfiddle.net/H2xye/

Возможно, вы неправильно включили jQuery:

src="jquery-1.4.2.min.js"

вам не хватает .js в конце пути.По крайней мере, это стандартное наименование, возможно, вы переименовали его.
Консоль ошибок должна сообщить вам больше.

Update2: См. Ответ jAndy относительно тега </script>Это, вероятно, другая проблема!

1 голос
/ 17 сентября 2010

Пожалуйста, измените от

<script type="text/javascript" src="jquery-1.4.2.min"/>

до

<script type="text/javascript" src="jquery-1.4.2.min.js"/>

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...