jQuery Mobile,提交后重新加载Dom

时间:2012-03-29 10:17:25

标签: forms wordpress dom jquery jquery-mobile

我尝试使用jQuery Mobile为WordPress开发一个主题。

但我的评论有问题。评论由WordPress生成为 http://www.foo.bar/2012/03/post/#comment-62

问题是Url中的hastag(#),jQuery Mobie不喜欢,我相信。 :)

到目前为止,我使用以下语法,我的脚本运行良好......

jQuery('#page').live('pageinit', function() {
    jQuery.mobile.ajaxEnabled = false;
});

我尝试将 data-ajax =“false”应用于我的表单,但没有结果。最后,我试过......

jQuery('#page').live('pageinit', function() {
    jQuery.mobile.ajaxEnabled = false;
    $('#commentform').bind('submit', function() {
    jQuery.mobile.ajaxEnabled = true;
    });
});

当我的页面重新加载时,我的脚本坏了!

任何想法或建议都会非常感激。 :)我是初学者。

感谢您的帮助。

此致

文森特

1 个答案:

答案 0 :(得分:0)

您可以在mobileinit事件中指定JQM配置。但这将禁用ajax。

$('document').bind('mobileinit', function () {
    console.log("mobile init");
    $.mobile.ajaxEnabled = false;
}).trigger('mobileinit');

//...

$('document').ready(function () {
   // ...
});

或者您可以将data-ajax="false"添加到表单标记,而不会在整个过程中禁用ajax。

<form data-ajax="false">
</form>