2015-02-02 4 views
1

на клике id = "check_user" предупреждение не работает. И это мой код.jquery не работает onclick

<html> 
    <script> 
     $("#check_user").click(function(){ 
     alert("good"); 
     }); 
    </script> 
    <body> 
     <label name="email">Email</label> 
     <input type="email" id="log_user_email" placeholder="[email protected]" /> 
     <label name="password">Password</label> 
     <input type="password" id="log_password" placeholder="*********"/> 
     <input type="button" value="Login" id="check_user" style="cursor:pointer;" /> 
    </body> 
</html> 
+0

Что консоль ошибок у вас есть? – ummahusla

+0

Вы добавили в него библиотеку JQuery? –

+0

Работает для меня .. http://jsfiddle.net/17jkp30x/ –

ответ

-1

$("#check_user").click(function() { 
 
    alert("good"); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label name="email">Email</label> 
 
<input type="email" id="log_user_email" placeholder="[email protected]" /> 
 
<label name="password">Password</label> 
 
<input type="password" id="log_password" placeholder="*********" /> 
 
<button type="button" id="check_user" style="cursor:pointer;">Login</button>

Вам нужно включить Jquery:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> 

Лучшая вещь, чтобы добавить их внутри йот готового события .. (как предложено выше)

+0

ist не работает –

+0

Хм, странно, здесь это работает, и это очень симпель .. –

+0

Не понимаю минус 1, если есть что-нибудь еще, не стесняйтесь обращаться ко мне. –

2

Предполагая, что вы добавили библиотеку Jquery, Вам нужно прикрепить событие, когда DOM является loaded.i.e. на DOM готового события:

$(function(){//document ready function 
$("#check_user").click(function(){ 
    alert("good"); 
}); 
}); 
0

Сценарий jQuery, который вы написали, находится внутри тега 'script'. Ницца ! Но весь сценарий должен быть либо внутри тега «head», либо внутри тега body. ;) 3 :)

0

использования on метода добавления события для динамического элемента добавлен и обернуть код JQuery внутри $(document).ready() метода

$(document).ready(function() { 
 
    $("#check_user").on('click', function(evt) { 
 
     alert("good"); 
 
    }); 
 
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 

 

 
    <label name="email">Email</label> 
 
    <input type="email" id="log_user_email" placeholder="[email protected]" /> 
 
    <label name="password">Password</label> 
 
    <input type="password" id="log_password" placeholder="*********" /> 
 
    <button type="button" id="check_user">login</button>

0

Видя, как вы не показали весь ваш код и ваш код будут действительны, я могу только предположить, что вы не добавили библиотеку jQuery перед добавлением этого тега скрипта. И вы также должны обернуть свой код в функцию jQuery ready $(document).ready();, особенно, увидев, что ваш код появляется перед тегом body, что означает, что содержимое DOM не было бы полностью загружено во время выполнения скрипта.

Таким образом, убедитесь, что вы добавили библиотеку jQuery перед своим скриптом.

также обернуть код $(document).ready(); как это:

$(document).ready(function(){ 
    $("#check_user").click(function() { 
     alert("good"); 
    }); 
}); 
+0

как добавить библиотеку jQuery –

+0

Вы можете включить библиотеку как скрипт перед кодом, который вы написали. например '' –

+0

спасибо, можете ли вы сказать, есть ли какая-либо функция библиотеки для вызова $. ajax(), так как мой $ .ajax не работает –

Смежные вопросы