Вызов скрипта при нажатии кнопки

StackOverflow https://stackoverflow.com/questions/4265776

Вопрос

В веб-странице мобильной связи 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> Тег на дно страницы, и она должна работать.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top