jQuery мобильные дублированные события - PullRequest
Новая
       6

jQuery мобильные дублированные события

2 голосов
/ 11 августа 2011

Это вопрос новичка, который сводит меня с ума. Согласно мобильному сайту jQuery я включил jQuery и jQuery mobile в head HTML.

Затем, когда я назначаю слушателей для любого события, оно запускается дважды. Пример: 

<!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, она запускается только один раз.

Какая линия здесь?

1 Ответ

5 голосов
/ 11 августа 2011

Если вы переместите свой скрипт в тег <head>, он сработает только один раз.Я думаю, что это связано с сумасшедшим кэшированием страниц jQuery Mobile.

...