无法在 jquerymobile 中使用点击操作

发布于 2024-10-27 10:28:50 字数 328 浏览 2 评论 0原文

我尝试在项目上添加点击功能

，但似乎无法正常工作。

 $(文档).ready(function(){
 $("#vibrateBtn").click(function() {
 window.alert('测试');
 });
 });

我也尝试禁用 Ajax 加载，使用>

$(document).bind("mobileinit", function(){
 ajax启用：假；
});

但结果相同。

请问哪里有问题？

感谢您的建议。

原文

I tried add click function on

item, but seems that does not work correctly.

 $(document).ready(function(){
 $("#vibrateBtn").click(function() {
 window.alert('test');
 });
 });

I tried also disable Ajax loading, with>

$(document).bind("mobileinit", function(){
 ajaxEnabled:false;
});

But with same result.

Where can be problem please?

Thanks for any advice.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

流心雨 2024-11-03 10:28:50

在jquery mobile document.ready() 中不起作用，并使用 .live 绑定点击事件而不是使用短硬的 .click() 。
还有其他事件，如 pagebeforecreate、pagecreate。检查 jquery demo 以获取事件列表。

$(document).live('pageshow',function(){

   $("#vibrateBtn").live('click',function() {
        window.alert('test');
   });

});

in jquery mobile document.ready() doesn't work and use .live to bind the click event instead of using the short hard .click().
There are other event like pagebeforecreate, pagecreate. check the jquery demo for the list of event.

$(document).live('pageshow',function(){

   $("#vibrateBtn").live('click',function() {
        window.alert('test');
   });

});

回复收藏 0 原文

把人绕傻吧 2024-11-03 10:28:50

请尝试这个代码

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

Please try this code

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

回复收藏 0 原文

~没有更多了~