-3

Я не могу найти свою ошибку. alert(), безусловно, работает, но не внутри $('#submit1').click функции ...JQuery кнопка() click событие не работает

$(document).ready(function(){ 
 
    $('#submit1').click(function(){ 
 
     alert("JQuery Running!"); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<html> 
 
    <head> 
 
     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
 
     <title>Jquery Basic</title> 
 
    </head> 
 
    <body> 
 
     <a>JQuery Test Page</a><br> 
 
     <input id="#submit1" type="button" value="Submit"/> 
 
    </body> 
 
</html>

источник

2016-11-29 lafrog

Вы не должны ставить # в HTML, только в селекторе Jquery. Так просто изменить

<input id="#submit1" type="button" value="Submit"/>

<input id="submit1" type="button" value="Submit"/>

Snippet:

$(document).ready(function(){ 
 
    $('#submit1').click(function(){ 
 
     alert("JQuery Running!"); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<html> 
 
    <head> 
 
     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
 
     <title>Jquery Basic</title> 
 
    </head> 
 
    <body> 
 
     <a>JQuery Test Page</a><br> 
 
     <input id="submit1" type="button" value="Submit"/> 
 
    </body> 
 
</html>

источник

2016-11-29 12:25:45

Вы пропустили еще один редактировать «должен поставить # Int он HTML» –

благодаря @MandeepJain. –

"# submit1" должно быть «S ubmit1 "в вашей разметке.

источник

2016-11-29 12:26:43 agfc

# указывает, что вы ссылаетесь на id. Сам по себе id не нужен хэш. Вы должны взглянуть на базовые селектора css.

$(document).ready(function(){ 
 
    $('#submit1').click(function(){ 
 
     alert("JQuery Running!"); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<html> 
 
    <head> 
 
     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
 
     <title>Jquery Basic</title> 
 
    </head> 
 
    <body> 
 
     <a>JQuery Test Page</a><br> 
 
     <input id="submit1" type="button" value="Submit"/> 
 
    </body> 
 
</html>

источник

2016-11-29 12:26:46

<input id="submit1" type="button" value="Submit"/>

удалить # в submit1 (атрибут ID).

источник

2016-11-29 12:27:08

сменится ниже входного текста в HTML ...

<input id="submit1" type="button" value="Submit"/>

источник

2016-11-29 12:29:22

JQuery кнопка() click событие не работает

ответ

Snippet:

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