jQuery Mobile 使用 Ajax .load() 后没有样式

Posted

技术标签:

【中文标题】jQuery Mobile 使用 Ajax .load() 后没有样式【英文标题】:jQuery Mobile no styling after using Ajax .load() 【发布时间】:2014-03-25 12:49:50 【问题描述】:

我正在使用 Ajax 调用来获取在用户按下登录后出现在面板中的复选框列表。数据加载良好,但没有 JQM 样式,它只是默认的浏览器样式。 checklist的id是filterlist,我要放的div叫test1。

javascript

    $(document).on('click', '#loginbutton', function() 
        $( "#test1" ).load( "test.html #filterlist" );
    );

【问题讨论】:

【参考方案1】:

尝试使用

$(document).on('click', '#loginbutton', function() 
    $( "#test1" ).load( "test.html #filterlist" );
    $( "#test1" ).trigger ('create');
);

这会将 jquery 移动样式应用于新创建的元素,如果它正在加载页面,您可以尝试使用“pagecreate”来代替

【讨论】:

@chrispytoes 你必须确保它在加载完成后被触发.. 抱歉这个糟糕的例子把它放在#test1.onload 回调中

以上是关于jQuery Mobile 使用 Ajax .load() 后没有样式的主要内容,如果未能解决你的问题,请参考以下文章

在 jQuery Mobile 中的 Ajax 调用中显示页面加载微调器

JSF Ajax 渲染使用 Jquery Mobile 丢失 CSS

jQuery Mobile 使用 Ajax .load() 后没有样式

ajax后刷新jQuery mobile listview

jQuery Mobile-jquery Mobile 怎么用ajax提交表单

在 jquery-mobile 中使用 ajax 数据填充页面并不总是有效