2014-02-20 4 views
0

Я новичок в jQuery и jQuery mobile. Я пытаюсь понять, как выполнить функцию при нажатии кнопки. Я пробовал методы, которые я видел в учебниках, но это не работает для меня. Вот мой код. Я получаю предупреждение «документ готов», но не получайте предупреждение при нажатии кнопки. Я также пробовал его с .click() вне функции ready. Если кто-то может найти то, что я делаю неправильно, мы будем очень благодарны. Заранее спасибо!jQuery Мобильная обработка кликов .click

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>test</title> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js">  </script> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <script> 
    $(document).ready(function() { 
    alert('document is ready'); 

    $('#testButton').click(function() { 
     alert('testButton has been clicked');  
     }); 
    }); 


     </script> 


    </head> 

<body> 

    <div data-role="page" id="home"> 
     <div data-role="header"> 
      <h1>Test</h1> 
     </div> 

    <div data-role="content"> 

    <a href="#" data-role="button" class="ui-btn ui-corner-all" id="#testButton">Test Button</a> 

    </div> 
</div> 
</body> 
</html> 

ответ

0

Удалите # из значения id в своем теге. # - это селектор jQuery, у которого есть его идентификатор. Измените эту строку

 <a href="#" data-role="button" class="ui-btn ui-corner-all" id="#testButton">Test Button</a> 

К:

<a href="#" data-role="button" class="ui-btn ui-corner-all" id="testButton">Test Button</a> 
0

Заменить:

<a href="#" data-role="button" class="ui-btn ui-corner-all" id="#testButton">Test Button</a> 

с:

<a href="#" data-role="button" class="ui-btn ui-corner-all" id="testButton">Test Button</a> 

Идентификатор не должен иметь "#".

Смежные вопросы