JQuery Mobile默认数据主题

Question

有谁知道如何为jquery-mobile设置默认数据主题？

看起来有必要为每个组件设置数据主题。

即使为页面数据角色设置了数据主题，加载列表和其他组件也不会遵守它。

我错过了手册的某些页面吗？

Answer 1

像Joel说的那样，你必须覆盖默认值。 目前似乎没有别的办法。

以Joel的示例代码为例：

<script src="jquery.js"></script>
<script src="custom-scripting.js"></script>
<script src="jquery-mobile.js"></script>

自定义custom-scripting.js

这是一个示例代码，您可以配置更多选项：

$(document).bind("mobileinit", function () {

    // Navigation
    $.mobile.page.prototype.options.backBtnText = "Go back";
    $.mobile.page.prototype.options.addBackBtn      = true;
    $.mobile.page.prototype.options.backBtnTheme    = "d";

    // Page
    $.mobile.page.prototype.options.headerTheme = "a";  // Page header only
    $.mobile.page.prototype.options.contentTheme    = "c";
    $.mobile.page.prototype.options.footerTheme = "a";

    // Listviews
    $.mobile.listview.prototype.options.headerTheme = "a";  // Header for nested lists
    $.mobile.listview.prototype.options.theme           = "c";  // List items / content
    $.mobile.listview.prototype.options.dividerTheme    = "d";  // List divider

    $.mobile.listview.prototype.options.splitTheme   = "c";
    $.mobile.listview.prototype.options.countTheme   = "c";
    $.mobile.listview.prototype.options.filterTheme = "c";
    $.mobile.listview.prototype.options.filterPlaceholder = "Filter data...";
});

还应该有其他选项，如：

$.mobile.dialog.prototype.options.theme
$.mobile.selectmenu.prototype.options.menuPageTheme
$.mobile.selectmenu.prototype.options.overlayTheme

您可以在此处找到更多设置： http ： //code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.js

Answer 2

对于嵌套列表视图，要控制标题主题，您需要覆盖将嵌套标题主题设置为蓝色的默认选项。

要执行此操作，只需在jquery loading和jquery.mobile.js loading之间添加以下内容即可。

例：

由于mobileinit事件在执行时会立即触发，因此您需要在加载jQuery Mobile之前绑定事件处理程序。 因此，我们建议按以下顺序链接到您的JavaScript文件：
 <script src="jquery.js"></script> <script src="custom-scripting.js"></script> <script src="jquery-mobile.js"></script> 

所以在“custom-scripting.js”中提出以下内容......

$(document).bind("mobileinit", function () {
   $.mobile.listview.prototype.options.headerTheme = "a";
});

“a”是您希望应用于嵌套标题的主题。

或者您可以在jquery移动源中覆盖它，搜索“headerTheme”它将在5020行附近

Answer 3

主题a，b，c，d和e都在css文件中，如果你想要一个自定义主题你可以使用fz，复制并将其更改为你的主题字母。 将data-theme =“z”添加到元素中

<body> 
<div data-role="page" id="apply" data-theme="z">
...
</div>
</body>

Answer 4

据我所知，你必须为页面div设置一个主题，它将在内部继承。

JQuery Mobile默认数据主题

问题描述

4 个解决方案

解决方案1
30 2011-08-16 09:55:52

解决方案2
9 2011-08-02 01:54:11

解决方案3
7 2011-03-08 15:47:13

解决方案4
1 2011-02-04 14:18:42

JQuery Mobile默认数据主题

问题描述

4 个解决方案

解决方案1 30 2011-08-16 09:55:52

解决方案2 9 2011-08-02 01:54:11

解决方案3 7 2011-03-08 15:47:13

解决方案4 1 2011-02-04 14:18:42

解决方案1
30 2011-08-16 09:55:52

解决方案2
9 2011-08-02 01:54:11

解决方案3
7 2011-03-08 15:47:13

解决方案4
1 2011-02-04 14:18:42