0

JQuery を使用して GWT スクリプトを動的に追加し、JQuery 履歴を使用して履歴を追跡しています。

問題: 私の GWT モジュールはHistoryすべて MVP モジュールであるため、私の GWT モジュールはトークンを生成します。そして、 onClick()s of MenuItems は GWT モジュールを動的にロードしています。これに加えて、MenuItemsJQuery を使用するための履歴を追加しています。しかし、私の GWT モジュールも使用しますHistory。ここでの問題は、MenuItemロードするを繰り返しクリックするとGWT MVP modules、どういうわけかブラウザが攻撃されることです。

コード：

                    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
                    <script src="/newclickmenu/jquery.history.js"></script>

                 // Contains code which creates menuItems using JSTL. In this menuItem there will be menuItem and *subMenuItem(onclick of menuItem there will be a slideDown which would show subMenuItem


                    <script type="text/javascript">
                        jQuery(window).load(function() {
                            $('body').on('click', '#subMenuItem', function(event) {
                                // onClick of subMenuItem(which is anchor) then it add the History and will invoke the GWT mvp module.
                                // After doing the push then below `$.history.on('load change push', function(event, url, type) {` line is called.
                                $.history.push($(this).attr("href"));
                                event.preventDefault();
                            });
                            $.ajaxSetup({ cache: true });
                            $.history.on('load change push', function(event, url, type) {
                                if (event.type == "load") {
                                    if (url.split("!").length < 2) {
                                        window.location = url;
                                    }
                                } else {
                                    // This code will add the GWT module dynamically.
                                    if (typeof url !== undefined && url !== null && url !== "") {
                                        // Remove the old GWT script and append the new script
                                        var previousModule = $(".mainModule");
                                        if (previousModule.parent().length !== 0) {
                                            $(previousModule).remove();
                                        }
                                        var expectedUrl = "<script class='mainModule' src='/Masters/Masters.cache.js'/>";
                                        $('head').append($(expectedUrl));
                                    }
                                }
                        )};
                            }).listen('hash');
                    </script>
4

2 に答える 2

0

GWT の履歴を無効にしようとしましたか?

ここで公式ドキュメントを読む 

To use GWT History support, you must first embed an iframe into your host HTML page.
    <iframe src="javascript:''" id="__gwt_historyFrame" 
          style="width:0;height:0;border:0" />

それを削除して、モジュールを再度コンパイルしてください。

とにかく好奇心のためだけに、なぜ GWT のスクリプトの jQuery インジェクションを使用しているのですか? 私は逆の方法で行う方がはるかに良いと思います。

アクティビティと場所のデザインを作成し、履歴を非常に簡単な方法で制御し、jQuery スクリプトに GWT のスクリプト インジェクターを使用できます。

    final JavaScriptObject idScript = $(window).prop("IDSCRIPT");
    if (idScript == null){
       ScriptInjector.fromUrl("js/jq/myJqueryScript.js").setCallback(
        new Callback<Void, Exception>() {
          public void onFailure(Exception reason) {
              AppConf.C("Trying to inject js/fb/myJqueryScript. Fail.");
          }
          public void onSuccess(Void result) {
              executeMyStuff(...);
          }
        }).inject();
    } else {
        executeMyStuff(...);
    }
于 2013-06-06T08:23:39.493 に答える