避免 jQuery Mobile AJAX 行为

Question

我一直在玩弄 jQuery Mobile 并找出限制和自然行为。

我遇到了一个问题，我手动调用 ajax 脚本来加载动态元素的 html，但是这样做似乎原生 jQuery 界面在 ajax 调用完成后导致整个页面重新加载。

是否有明确拒绝此特定请求触发此默认状态行为的功能？

这是（简化的）JS代码：

$(document).on('click','.cell',function() {
    var i = $(this).attr('id').split('_');
    $('#element').html('Loading...');
    $.ajax({
        url: 'page.php?i='+i[1],
        success: function(data){
            $('#element').html(data);
        },
        error: function(er){
            alert(er.responseText);
        },          
    });
})

因此，当我单击 .cell 时，它会按预期加载，但几乎只要元素被响应填充，整个页面就会刷新。

作为参考，整个模块（.cell 和#element）位于原生 jquery 移动导航栏窗口中。不确定此时还需要提供什么，但询问您会收到的

我尝试将以下内容添加到单元格元素中，但没有做任何更改

 data-ajax="false" 

Answer 1

我发现了这个问题。它调用的页面中有 jquery mobile 初始化，因此它本质上是在重新加载所有内容。

对我来说，解决方法是关闭加载页面上的自动初始化，并在元素填充/加载后手动调用任何必需的功能