Question

这是一个令我疯狂的新手问题。根据{{3}}，我已将 jQuery 和 jQuery mobile 纳入HTML的head。

然后，当我为任何事件分配监听器时，它会运行两次。例如：

<!doctype html>
<html>
    <head>
        <meta http-equiv="imagetoolbar" content="false" /> 
        <meta name="apple-mobile-web-app-capable" content="yes" /> 
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <style>
            .slide {width:400px; height:400px; padding:40px; border:1px solid black;}
        </style>
        <link href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" rel="stylesheet" type="text/css" />
        <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
        <script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>   
    </head>
    <body>
        <div class="slide">
            <h1>1</h1>
        </div>
        <script type="text/javascript">     
            $(function() {
                       $('.slide').tap(function() {
                            alert('tapped!');
                       });
                    }); 
        </script>
    </body>
</html>

然后，如果我点按（或点击桌面浏览器）滑动div，会显示两个警告。如果我评论包括jQuery mobile在内的这一行，它只运行一次。

这里有什么线？

Answer 1

如果您将脚本移动到<head>标记，它只会触发一次。我认为这与疯狂的jQuery Mobile页面缓存有关。

jQuery移动重复事件

1 个答案: