Вызов скрипта при нажатии кнопки
-
27-09-2019 - |
Вопрос
В веб-странице мобильной связи jQuery я хотел бы вызвать скрипт, определенный в тегах сценариев в заголовке jsp.
<head>
<link rel="stylesheet" type="text/css" href="jquerymobile/jquery.mobile-1.0a1.min.css" />
<script type="text/javascript" src="jquerymobile/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="jquerymobile/jquery.mobile-1.0a1.min.js"></script>
<script>
$("#button").click( function()
{
alert('button clicked');
}
);
</script>
</head>
<body>
<html:errors/>
<div data-role="page" data-theme='a'>
<div data-role="header">
<h1>jquerymobile</h1>
</div>
<div data-role="content">
<div id="button" data-role="button">Click on button</div>
</div>
</div>
</body>
Когда Кнопка щелкает, Я хочу оповещение для показа. Отказ Но ничего не происходит, когда кнопка нажала.
Может кто-нибудь сказать мне, где я иду не так?
Редактировать1:
Следующий код приносит предупреждение в Fire Fox & Opera Desktop Browsers.
$(document).ready(function() {
$("#vbutton").click(function() {
alert("clicked");
});
});
<a id="vbutton" data-role="button">Click Button</a>
Какая-либо причина, почему то же самое не работать с Opera Mobile. & Браузеры Fennec - где он показывает Ошибка загрузки страницы Диалог ??
Решение 2
Проблема была вызвана отладочными утверждениями, такими как
отладчик;
Debug.info (....)
которые были поняты Firefox / Firebug, но были вызывая проблемы в Fennec & Opera Mobile Browsers.
Другие советы
Ваша проблема в том, что вы ищете $('#button')
До этого существует ...
Попробуйте упасть свой код jQuery в $(document).ready(function(){ ... })
или его сокращение псевдонимов jQuery(function(){})
Другой вариант - включить вашу инициализацию события клики на кнопке до #button
существует в доме. Другими словами, вы можете переместить свой <script>
Тег на дно страницы, и она должна работать.