jQuery Mobile обработка кликов .click

Question

jQuery Mobile обработка кликов .click

0

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

<!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>

user3330501 20 фев. 2014, в 02:27

Источник

Теги:

javascript

jquery

jquery-mobile

2 ответа

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>

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

ltalhouarne 19 фев. 2014, в 22:06

Ещё вопросы

Peshal · Accepted Answer · 2014-02-19T22-10-00.000Z

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

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

TO:

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