没有ajax的jquery移动页面转换

时间:2011-07-15 21:18:08

标签: jquery-mobile

有什么方法可以在禁用ajax时进行jquery移动页面转换?

作为模板的一部分,我有

<script>
  $(document).bind("mobileinit", function(){
    $.extend(  $.mobile , {
      ajaxEnabled: false
    });
  });
</script>

2 个答案:

答案 0 :(得分:3)

ajaxEnabled是一个全局设置,这意味着即使将页面转换专门应用于具有data-transition属性的链接也会禁用页面转换,因此简短的回答将是“否”,唉。

但是,如果您真的想要转换,请考虑再次启用ajax,然后为任何场景覆盖它是一个交易破坏者(例如,如果它是表单提交,请使用data-ajax="false"属性{ {1}}元素)。对于链接,您可以通过为其提供form属性或将target属性设置为rel来覆盖ajax导航模型。我不知道,但可能有所帮助?

答案 1 :(得分:2)

这很有效..

      // JQUERY MOBILE PAGE INIT
     $(document).on("pageinit", function () {
            $("#test").click(function (e) {
                $.mobile.changePage("/Home/Test", { transition: "flip" });
            });
        });

        // JQUERY MOBILE INIT
        $(document).bind("mobileinit", function () {
            $.mobile.ajaxEnabled = false;
            $.mobile.defaultPageTransition = 'none';
            $.mobile.defaultDialogTransition = 'none';
            $.mobile.useFastClick = true;

        });

<a id="test"/>