0

私はjquerymobilefbスワイプメソッドを使用するアプリを開発しています。オリジナルを表示するために配置されている場所は不明です。でも。私の最大の問題は、リンクを取得し、ある種のajaxgetメソッドを介してページを動的にロードしようとすることです。これは私が望むものではありません。他のサイトで通常のリンクがクリックされたようにページをロードしたいのですが、無効にする方法がわかりません。ドキュメントでは可能と思われますが、自分自身はわかりません。

これは、このテンプレートの一部であることがわかる限り、唯一のカスタムJSです。

$(document).bind("mobileinit", function(){
    $.mobile.pushStateEnabled = true;
});



        $(function(){
            var menuStatus;


            // Show menu
            $("a.showMenu").click(function(){
                if(menuStatus != true){             
                $(".ui-page-active").animate({
                    marginLeft: "175px",
                  }, 300, function(){menuStatus = true});
                  return false;
                  } else {
                    $(".ui-page-active").animate({
                    marginLeft: "0px",
                  }, 300, function(){menuStatus = false});
                    return false;
                  }
            });


            $('#menu, .pages').live("swipeleft", function(){
                if (menuStatus){    
                $(".ui-page-active").animate({
                    marginLeft: "0px",
                  }, 300, function(){menuStatus = false});
                  }
            });

            $('.pages').live("swiperight", function(){
                if (!menuStatus){   
                $(".ui-page-active").animate({
                    marginLeft: "175px",
                  }, 300, function(){menuStatus = true});
                  }
            });

            $('div[data-role="page"]').live('pagebeforeshow',function(event, ui){
                menuStatus = false;
                $(".pages").css("margin-left","0");
            });

            // Menu behaviour
            $("#menu li a").click(function(){
                var p = $(this).parent();
                if($(p).hasClass('active')){
                    $("#menu li").removeClass('active');
                } else {
                    $("#menu li").removeClass('active');
                    $(p).addClass('active');
                }
            });

            $("#b_done").click(function(){
                $("#menu li").removeClass('active');
                $("#menu li:first-child").addClass('active');
            });

            // Tabs 
            $('div[data-role="navbar"] a').live('click', function () {
                $(this).addClass('ui-btn-active');
                $('div.content_div').hide();
                alert($(this).attr('data-href'));
                //$('div#' + $(this).attr('data-href')).show();
                //window.location = $(this).attr.('data-href');
            });
});
4

2 に答える 2

1

jquerymobileのページを変更する特定のコードが見つかりません。

jquery mobile ajaxの動作に関するドキュメントをご覧ください：http：//jquerymobile.com/demos/1.1.0/docs/pages/page-navmodel.html

通常、Ajaxなしでpage / htmlをロードする
には、アンカータグにrel=externalまたはdata-ajax=falseを入力します。

お気に入り

<a href="/anotherPage" rel='external'>
于 2012-07-06T08:41:06.033 に答える
1

モバイル初期化でAjaxの読み込みをオフにすることができます

$(document).bind("mobileinit", function(){
     $.mobile.ajaxEnabled = false;
});
于 2012-07-06T14:52:12.570 に答える