0

我正在开发一个使用 jquerymobile fb swipe 方法的应用程序，不知道它在哪里显示原始文件。然而。我最大的问题是它需要一个链接并动态地尝试通过某种 ajax get 方法加载页面。这不是我想要的；我想让页面加载就像在任何其他网站上单击普通链接一样，但我不知道如何禁用它，文档让它看起来是可能的，但我不确定自己。

据我所知，这是该模板的唯一自定义 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

您可以在移动初始化中关闭 Ajax 加载

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

在 jquery mobile 中找不到任何更改页面的特定代码。

查看 jquery 移动 ajax 行为文档：http: //jquerymobile.com/demos/1.1.0/docs/pages/page-navmodel.html

通常要在没有 Ajax 的情况下加载页面/html，
请将 rel=external 或 data-ajax=false 放入 Anchor 标记中。

喜欢

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