1

jQTouchアプリケーションのリンクがhrefのページをロードしないようにしようとしています。私のコードの非常に単純化されたバージョンは次のとおりです

<html>
    <head>
        <script type="text/javascript" src="/jquery.js"></script>
        <link rel="stylesheet" type="text/css" href="/jqtouch/css-jqtouch.css">
        <script type="text/javascript" src="/jqtouch/jqtouch.js"></script>
        <script type="text/javascript">
            $(document).ready(function()
            {
                var jQT = $.jQTouch({});

                $('#row0 a').bind('click', function(e) 
                {
                    e.preventDefault();
                    alert('test');
                });

            });
        </script>
    </head>
    <body>
        <div id="jqt">
            <div id="row0">
                <a href="#searchResults">Search</a>
            </div>

            <div id="searchResults">
                <a href="#" class="back">Back</a>
            </div>
        </div>
    </body>
</html>

[検索]リンクをクリックすると、アラートボックスが表示されますが、ページは引き続き読み込まれます。

私は何かが足りないのですか？

4

1 に答える 1

0

私はこの問題がクリックにバインドされていませんが、実際にはタップにバインドしたいのです!

これはブラウザーで動作しますが、モバイル バージョンが実際にリッスンしているのはタップであり、クリックがキャプチャされている場合でもタップが伝播できるようにしています。マジック

タップとクリックの違いは少しわかりにくいですが、ソースの jqtouch-jquery.js ファイルを見ると、クリックではなくタップを使用する必要がある理由がわかります (Zepto を使用している場合でも、これは何が起こっているかを確認するのに適しています)。

于 2012-01-25T21:54:07.077 に答える