Форум

Paltusssss · #1 (**permalink**) 04.08.2013, 13:20

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

danik.js · #2 (**permalink**) 04.08.2013, 13:38

Сообщение от Paltusssss

Чего то не хватает?

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

Paltusssss · #3 (**permalink**) 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'
});
});
});
После сохранения и обновления браузера - тоже не работает. Может что то где то не до подключено?

Алек · #4 (**permalink**) 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 · #5 (**permalink**) 04.08.2013, 22:01

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

<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 · #6 (**permalink**) 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 · #7 (**permalink**) 04.08.2013, 23:06

Сообщение от Paltusssss

Поддерживает.

ну слава богу

Сообщение от Paltusssss

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

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

Форум

Справочник

Discord чат

Курсы javascript