gpt4 book ai didi

jquery 移动事件不起作用?

转载 作者:行者123 更新时间:2023-12-01 07:56:43 26 4
gpt4 key购买 nike

下面的 jquery 移动事件似乎根本不起作用?另外,当我查看浏览器中的控制台选项卡时,我收到错误?

Uncaught TypeError: undefined is not a function (anonymous function)

Java 脚本文件

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>

<script>

$("#homepage").live('pageinit',function(evt){

$("#homepage").bind("tap",function(e){
alert("You tapped !");
});

$("#homepage").bind("swiperight",function(e){
alert("You swiped right!");
});

$("#homepage").bind("swipeleft",function(e){
alert("You swiped left!");
});

});

</script>

HTML 文件

<body>

<div data-role="page" id="homepage">

<div data-role="header" data-theme="b">

</div>

<div data-role="main" class="ui-content" >

<p>My Content..</p>

</div>

</div>


<div data-role="page" id="SearchBox">
</div>



<div data-role="page" id="SearchUser">
</div>


</body>

最佳答案

方法live 自 jQuery 1.8.2 起不存在,而您使用的是 1.10.2 版本,因此将其替换为方法 on .

官方文档指出:

As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers.

更改:

$("#homepage").live('pageinit',function(evt){

$("#homepage").on('pageinit',function(evt){

方法bind并未弃用,但建议也转移到方法或委托(delegate):

As of jQuery 1.7, the .on() method is the preferred method for attaching event handlers to a document. For earlier versions, the .bind() method is used for attaching an event handler directly to elements. Handlers are attached to the currently selected elements in the jQuery object, so those elements must exist at the point the call to .bind() occurs. For more flexible event binding, see the discussion of event delegation in .on() or .delegate().

更新:

这不是这个问题的一部分,在使用 jQuery Mobile 页面事件时,您应该使用委托(delegate)事件绑定(bind),如下所示:

$(document).on('pageinit',"#homepage",function(evt){

在这种情况下,jQuery 不关心 DOM 中是否存在元素。

关于jquery 移动事件不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23836462/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com