1

このガイドに従おうとしています。ユーザーがボタンをクリックしたときに HTML ファイルを変更しようとすると、問題が発生します。

これは私のスクリプトです：

<script>
        window.$ = window.jQuery = WLJQ;
        $("#btnPromo").click(function(){
            $("#pagePort").load("pages/MainPage.html", function(){
                alert("loaded!");
            });
        });
    </script>

これが私のコア HTML ファイルです (Worklight によって自動生成されます)。

<body onload="WL.Client.init({})" id="content" style="display: none;">
<!--application UI goes here-->
<div data-role="page" id="pagePort">
    <div id="header" align="center">
        <img src="images/logo.png">
    </div>

    <div data-role="content">
        <div>
            <input type="image" name="btnPromo" src="images/btnHotPromo.png" width="75%"/>
        </div>
        <div>
            <input type="image" name="btnMall" src="images/btnMall.png" width="75%"/>
        </div>
        <div>
            <input type="image" name="btnOutlet" src="images/btnOutlet.png" width="75%"/>
        </div>
        <div>
            <input type="image" name="btnAbout" src="images/btnAbout.png" width="75%"/>
        </div>
    </div>
</div>

#pagePort私の目標は、ユーザーが をクリックするMainPage.htmlたびに を に変更すること#btnPromoです。

4

1 に答える 1

1

答えは、コードの先頭にを追加するのを忘れたので$(function(){});、コードは次のようになります。

$(function(){
        $("#btnPromo").click(function(){
            $("#pagePort").load("pages/MainPage.html", function(){
                alert("loaded!");
            });
        });
});

そして、すべてがOKになります:D

于 2013-06-21T14:32:48.183 に答える