gpt4 book ai didi

jquery - 如何忽略jquery mobile中的所有CSS元素

转载 作者:行者123 更新时间:2023-11-28 11:13:41 25 4
gpt4 key购买 nike

我想在移动网页上使用我自己的 CSS,但也想使用 jQuery Mobile 制作菜单幻灯片。

我怎样才能忽略所有的 CSS 元素?

我知道 data-role="none" 属性可以工作,但不能将它应用到我的所有元素。

我也试过在 jQuery CSS 之后包含我的 CSS,但没有成功。

最佳答案

您可以设置 autoInitializePage false 的选项在mobileinit事件处理程序,因此 jQuery Mobile 不会自动初始化任何东西。然后,您可以通过调用 .trigger("create") 来初始化单个小部件或一组小部件。在它们的父元素上。

文档:http://jquerymobile.com/demos/1.1.1/docs/api/globalconfig.html

这是一个演示:http://jsfiddle.net/bBTtN/1/

请注意,您需要绑定(bind)到 mobileinit事件发生在适当的位置,在包含 jQuery 核心之后但在包含 jQuery Mobile 之前。

例如:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
$(document).on("mobileinit", function () {
$.mobile.autoInitializePage = false;
});
</script>
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>

另请注意,默认情况下,jQuery Mobile 设置 visibility : hidden<body> 上元素,所以你需要一个 CSS 规则来覆盖它:

body {
visibility : visible !important;
}​

关于jquery - 如何忽略jquery mobile中的所有CSS元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12319111/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com