0

タグのクリック時jqueryにトグルするために使用していたMVC Webプロジェクトに取り組んでいました。正常に動作していました。その後、プロジェクトに追加したところ、すべてのクリック イベントが 2 回トリガーされました。クリック イベントのハンドラーをコンソールに吐き出すと、それが 3 回バインドされていることがわかりましたが、実際には 2 回しかトリガーされません。私の推測では、との両方がバインディングと発火の両方です。divajquery.mobilejqueryjquery.mobile

HTMLは次のとおりです。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Dashboard - Environmental Monitoring System</title>
    <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />
    <link href="/Content/site.css" rel="stylesheet"/>
    <link href="/Content/jquery.mobile.structure-1.3.1.css" rel="stylesheet"/>
    <link href="/Content/jquery.mobile.theme-1.3.1.css" rel="stylesheet"/>

    <script src="/Scripts/modernizr-2.6.2.js"></script>


    <script src="/Scripts/jquery-1.8.2.js"></script>
    <script src="/Scripts/jquery.mobile-1.3.1.js"></script>

</head>
<body>
    <div id="body">

        <section class="featured" id="feature-header">
            <div class="content-wrapper">
                <hgroup class="title">
                    <h1>Dashboard.</h1><br />
                    <h2>Display the status of all the sensors in the system.</h2>
                </hgroup>
            </div>
        </section>

        <section class="content-wrapper main-content clear-fix">                

            <div>
                <a href="#"style="position:relative;left: 6px;top:-6px;text-decoration:none;background-color:none;" id="feature-header-button"><span class="icon-plus" style="display:none;" id="feature-header-plus">&#9660;</span><span class="icon-minus" id="feature-header-minus">&#9650;</span></a>
                <script>
                    $("#feature-header-button").click(function () {
                        $("#feature-header").slideToggle("slow");
                        $("#feature-header-plus").toggle();
                        $("#feature-header-minus").toggle();
                    });
                </script>
                <div style="margin-left:75px;">
                    Content.
                </div>
            </div>

        </section>
    </div>
</body>
</html>

おそらく問題なく動作collapsibleしjquery.mobileている使用に移行しますが、将来的に問題が発生しないように、この問題を理解したいと思います。pageinit二重結合やバブリングなどの使用に関する多くの投稿を読みましたが、それでも問題を診断して修正することはできませんでした. ありがとう。

4

1 に答える 1

0

そこで、両方の最新バージョンでリンクするように変更しjquery、jquery.mobile問題はなくなりました。競合が何であったかはわかりませんが、jqueryバージョン 1.10.2 とjquery.mobileバージョン 1.3.2 を一緒に使用する方がはるかに満足しています。新しいバージョンが MVC バンドルに自動的に含まれるようにします。

コメントをありがとう、トラブルシューティングと健全性チェックの提供に役立ちました。

于 2013-08-14T19:08:26.323 に答える