[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Не работает событие при щелчке
DmitryOpalev
Вот есть такая строчка:
$("#button").click(function() {alert("asdf");});

Т.е. при клике на объект с id='button' должно всплыть сообщение asdf
Но такого не происходит
Библиотека подключена правильно... вроде...
на
$(document).ready(...)
реагирует
В чем может быть проблема?



Спустя 9 минут, 4 секунды (3.06.2011 - 01:27) waldicom написал(а):
Вроде опытный парень... Где код страницы? Что пишет firebug?

Спустя 12 секунд (3.06.2011 - 01:27) quickxyan написал(а):
попробуй id другой. хотя бы button1

Спустя 24 минуты, 35 секунд (3.06.2011 - 01:51) DmitryOpalev написал(а):
waldicom
Firebug выдал:
Image corrupt or truncated: <unknown>
Опера молчит
<script type="text/javascript" src="/js/jquery.js"></script>
<script>

$("#button1").click(function() {alert("asdf");});
</script>
...
<input id='button1' type='button' value='button' class='chat' style='background-color: #DDFFDD;'>

quickxyan
Как видно, попробовал - не получилось

Спустя 4 часа, 3 минуты, 25 секунд (3.06.2011 - 05:55) ИНСИ написал(а):
DmitryOpalev попробуй так:
<input id="button1" type="button" value="button" class="chat" style="background-color: #DDFFDD;">
<script>

$("#button1").click(function () {
alert("asdf");
});
</script>

то есть поменять местами код JS и html

Спустя 58 минут, 57 секунд (3.06.2011 - 06:54) alex12060 написал(а):
<script type="text/javascript" src="/js/jquery.js"></script>
<
script type="text/javascript">
$(document).ready(function() {
$("input#button1").click(function() {
alert("asdf");
});
});
</
script>

Спустя 19 минут, 22 секунды (3.06.2011 - 07:13) ИНСИ написал(а):
Цитата
$("input#button1").click(function() {

Мне кажется это не важно smile.gif Надо просто код js поставить после кнопки.

Спустя 16 минут, 21 секунда (3.06.2011 - 07:29) alex12060 написал(а):
velbox

Зачем?
Это принципиально когда нет конструкции

$(document).ready(function() {


А так, это просто мой стиль, да и возможно, что у него уже используется этот ид.

Спустя 4 часа, 56 минут, 51 секунда (3.06.2011 - 12:26) DmitryOpalev написал(а):
Знаете... когда поставил код после кнопки, действительно заработало.
А разве никак не влияет, что изначально мой код стоял в head`е?

Спустя 4 часа, 10 минут, 9 секунд (3.06.2011 - 16:36) alex12060 написал(а):
DmitryOpalev

Если у тебя нет конструкции $(document).ready(function() {, то скрипт должен быть закручен после элемента, над которым начинается стучание бубном. Т.к код JS начинает связывать свои действия с элементом сразу, до загрузки хтмл-боди.

Почитай про тег head.

Спустя 15 часов, 27 минут, 36 секунд (4.06.2011 - 08:04) Эли4ка написал(а):
вот так должно быть(мой пример)

<html>
<head>

<script
type="text/javascript" src="то что вызываем.js" charset="UTF-8"></script>
<link
rel="stylesheet" type="text/css" href="keyboard.css" />




</head>

<body>
<script
type="text/javascript">
var
myInput = document.getElementById('key');
if (!myInput.VKI_attached) VKI_attach(myInput);
</script>
<div
align="center">

<form
action="search.php" method="post">
<input
type="text" value="" name="q" class="keyboardInput" id="key" size="100">
<input
type="submit" value="Поиск">
</form>
</div>








вот так я вызываю исполняемый js файл и нет проблем.

Спустя 11 минут, 45 секунд (4.06.2011 - 08:16) Michael написал(а):
Эли4ка, ну и к чему этот пример, без предоставления кода VKI_attach()?
Выше как бы уже дан верный ответ на проблему ТС

Спустя 3 минуты (4.06.2011 - 08:19) Эли4ка написал(а):
Michael
var myInput = document.getElementById('key');
if (!myInput.VKI_attached) VKI_attach(myInput);
этой функцией я вызываю js код,который я записала в мета-теги,и потом здесь была проблема вызова и активации js кода..я и написала свое решение

Спустя 19 минут, 31 секунда (4.06.2011 - 08:38) Michael написал(а):
Эли4ка, я умею гуглом пользоваться wink.gif . Твой пример вообще не по теме, у ТС - jquery, лишние библиотеки ему не надо.

Спустя 4 часа, 35 минут, 4 секунды (4.06.2011 - 13:13) Эли4ка написал(а):
Michael
лады,убедил. wink.gif


_____________
Курс валют
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.