Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Не работает Jquery кнопка (https://javascript.ru/forum/jquery/40410-ne-rabotaet-jquery-knopka.html)

Paltusssss 04.08.2013 13:20

Не работает Jquery кнопка
 
Здравствуйте!
Не получается сделать элементарную вещь. Хочу создать кнопку, по щелчке на которой, алертом вываливается слово "Привет".
Html:
<input type="button" id="checkbut" value="Отправить"/>
Jquery:
$("#checkbut").click(function(){
alert("Привет!");
});
Библиотека jquery и файл скриптов в теге <head> подключил, однако при нажиме на кнопку ничего не происходит. Чего то не хватает?
Спасибо!

danik.js 04.08.2013 13:38

Цитата:

Сообщение от Paltusssss
Чего то не хватает?

Либо опусти скрипты ниже кнопки, либо оберни код в $(document).ready(function(){ ... });
А сейчас твой код отрабатывает еще до создания кнопки.

Paltusssss 04.08.2013 21:13

Цитата:

Сообщение от danik.js
оберни код в $(document).ready(function(){ ... });

Сделал, не работает. Попробовал подвесить другое событие.
Html:
<input type="text" id="name" />
Jquery:
$(document).ready(function() {
$('#name').focus(function() {
$(this).css({
'border': '2px solid green'
});
});
});
После сохранения и обновления браузера - тоже не работает. Может что то где то не до подключено?

Алек 04.08.2013 21:26

Не всё правильно, всё должно работать. Может действительно не подключено что-то?
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>

А что вообще консоль показывает?
Может что-нибудь простенькое совсем для начала сделать? Я когда к новому документу подключаю, всё время проверяю:
$('#selector').hide(1000).show(1000, function(){
alert("Hello World!");
});

bes 04.08.2013 22:01

скорей всего у тебя браузер jquery не поддерживает :D

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<input type="text" id="name" />
<script>
$(document).ready(function() {
	$('#name').on("click", function() {
		$(this).css({'border': '2px solid green'});
		alert("It works!");
	});
});
</script>

Paltusssss 04.08.2013 22:48

Цитата:

Сообщение от Алек
Может действительно не подключено что-то?

Ошибку нашёл! )
Цитата:

Сообщение от bes
скорей всего у тебя браузер jquery не поддерживает

Поддерживает. Оказывается при подключении Jquery важен порядок. У меня было так:
<script language="javascript" type="text/javascript" src="myscripts.js"></script>
<script language="javascript" type="text/javascript" src="jquery.js"></script>
В таком порядке - ничего не работало. Когда поставил jquery.js самым первым - всё заработало. Но я нигде не слышал, что бы было такое требование.

bes 04.08.2013 23:06

Цитата:

Сообщение от Paltusssss
Поддерживает.

ну слава богу :D

Цитата:

Сообщение от Paltusssss
В таком порядке - ничего не работало. Когда поставил jquery.js самым первым - всё заработало. Но я нигде не слышал, что бы было такое требование.

ничего удивительного, загрузка идёт в порядке очереди, поэтому логично, что невозможно использовать тот функционал, который ещё не загрузился


Часовой пояс GMT +3, время: 06:18.