jQuery 移动 : Inserting new elements doesn't style correctly

标签 jquery jquery-mobile cordova

将新的 jQuery 移动元素插入页面时,即使在包含元素上使用 .trigger("create"); ,它们的样式也不会正确。然而,这确实在某种程度上设置了正确的样式,但还不够。

例如,像这样附加时:

for (var i=0; i<len; i++){
            ...
            $('#results').append("<a href='#' data-role='button'>"+content+"</a>");
        }
        $('#results').trigger("create");

显示如下:

enter image description here

注意额外的圆角。而如果我只是在页面上包含代码,它就会正确显示,如下所示:

enter image description here

每当我在页面加载后将任何内容加载到页面中时,都会发生同样的问题。除了在自定义样式表中强制使用样式之外,有谁知道解决此问题的方法吗?

最佳答案

“创建”事件增强了触发元素中的子标记(例如 $('#results')...)。

所以,可以通过替换来解决

$('#results').trigger("create");

$('#results').parent().trigger("create");

<强> Demo:jsfiddle

关于jQuery 移动 : Inserting new elements doesn't style correctly,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11381692/

相关文章:

asp.net - 如何从 jQuery 获取中继器项目

javascript - 如何将值从实际行传递到 Bootstrap 模型

jquery-mobile - 关闭 jQuery Mobile 新弹出窗口导致页面无用刷新

javascript - iPhone 上的 PhoneGap 不会加载外部脚本

javascript - IOS (Phonegap) 按姓名排序联系人(中英文姓名显示)

iOS Cordova 项目 : Adding urbanairship-cordova causes error 65 on build

jquery - 在 jQuery 中悬停表格行时存储背景颜色

javascript - JQuery 脚本循环错误

javascript - 由于屏幕方向更改而调整大小*后,如何获取元素的新尺寸*?

css - 没有 jQuery Mobile 的 jQuery Mobile 页面转换