Кнопка jQuery не нажимается - PullRequest
Новая
       5

Кнопка jQuery не нажимается

1 голос
/ 20 марта 2012

Что не так в этом куске кода? 

<!DOCTYPE html> 
<html> 
<head> 
    <title>WebService Example</title>         
    <meta name="viewport" content="width=device-width, initial-scale=1">             
        <link rel="stylesheet" href="jquery.mobile-1.0.1.min.css" />
        <script src="jquery.js"></script>
        <script src="jquery.mobile-1.0.1.min.js"></script>            
        <script type="text/javascript">                
            $("#Btn").click(function (event) {
                    alert("Button Clicked");                             
                });                                                         
        </script>            
</head> 
<body>         
    <div data-role="page">
        <div data-role="header" data-nobackbtn="false">
            <div><a href="index.html">Back</a></div>
        </div>                        
        <div data-role="content">
            This is the content
        </div>                        
        <div data-role="footer">                    
            <a href="#" data-role="button"
                    data-icon="info" id="Btn">Button</a>
        </div>            
    </div>        
</body>

Ответы [ 2 ]

5 голосов
/ 20 марта 2012

Код выполняется до готовности DOM.Поместите его в обработчик событий DOM ready: 

$(document).ready(function() {
    //Code that interacts with the DOM (such as binding event listeners...)
    $("#Btn").click(function (event) {
        alert("Button Clicked");                             
    }); 
});
1 голос
/ 20 марта 2012

Поместите скрипт после тела, чтобы браузер прикрепил событие, как только кнопка будет найдена.

или поместите его в document.ready.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...