jQueryMobile:没有调用Button动作

时间:2012-12-26 06:30:09

标签: jquery-mobile

下面的代码试图在jQueryMobile中实现一个按钮动作,但它对我不起作用。请让我知道我错在哪里。所有内容都写在HTML文件中。 我在这里提供代码时遇到了一些问题。这是我正在尝试的。 在标准HTML格式中,我在script标记

之间编写以下代码
$('#theButton').click(function() {
   alert('The Button has been clicked,');

});

body标签---

<div data-role="page">
<div data-role="content">
    <input type="button" id="theButton" name="theButton" value="The Button">
</div>

但是这个动作没有被调用。

1 个答案:

答案 0 :(得分:0)

编辑:请尝试以下代码:

<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

<script language="javascript">

    $(function() {
     $('#theButton').on('tap click',function(event, ui) {
        alert('The Button has been clicked');
     });
    });

</script>
</head>
<body>
<div data-role="page">
<div data-role="content">
    <input type="button" id="theButton" name="theButton" value="The Button">
</div>
</div>
</body>
</html>