jQuery Mobile 点击处理 .click答案

【问题标题】：jQuery Mobile click handling .clickjQuery Mobile 点击处理 .click
【发布时间】：2014-02-20 00:39:55
【问题描述】：

我是 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>

【问题讨论】：

标签： javascript jquery jquery-mobile

【解决方案1】：

从 a 标签中的 id 值中删除 #。 # 是一个 jQuery 选择器，它是一个 ID。改变这一行

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

【讨论】：

【解决方案2】：

替换：

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

id 不应该有“#”。

【讨论】：