我正在尝试为我的网站使用 jquery 移动弹出窗口。当我包含移动 js 文件时,整个页面都搞砸了。我假设样式已应用于我的文档。实际上,我不想将移动样式应用于我的页面。我只想对某些部分使用弹出功能而忽略其余部分。
是否有可能以及如何?
提前致谢。
我正在尝试为我的网站使用 jquery 移动弹出窗口。当我包含移动 js 文件时,整个页面都搞砸了。我假设样式已应用于我的文档。实际上,我不想将移动样式应用于我的页面。我只想对某些部分使用弹出功能而忽略其余部分。
是否有可能以及如何?
提前致谢。
是的,您可以在我的另一篇文章中找到更多相关信息:https ://stackoverflow.com/a/14550417/1848600 ,搜索:标记增强预防方法。
简而言之:
它可以通过添加这个属性来做到这一点:
data-enhance="false"
到header,content,footer容器。
这也需要在应用加载阶段开启:
$(document).one("mobileinit", function () {
$.mobile.ignoreContentEnabled=true;
});
在初始化 jquery-mobile.js 之前初始化它(看下面的例子)。
更多相关信息可以在这里找到:
http://jquerymobile.com/test/docs/pages/page-scripting.html
您还需要在内容上使用data-role="none"因为如果您使用data-enhance="false"弹出窗口将失去其样式。
忠告,找到弹出窗口的另一种实现。基本上,您正在使用核武器来杀死一只苍蝇。
示例:http: //jsfiddle.net/Gajotres/PGL5t/