问题标签 [data-theme]

我想在我的用户按下按钮后向他们提供一些持久的反馈（比如缩进或其他东西）。我试过了：

但这不起作用。

问：有没有办法显示缩进按钮，或者data-theme即时更改它？

我想使用data-themejQuery 移动框架的属性制作一个主题切换器。当用户单击其中包含数据主题的链接时，我所有页面的data-theme属性都应替换为此单击的data-theme属性。为了更好地了解我想在 jQuery 移动网站上看到这个页面，它非常接近我试图为我的页面做的，除了它只更新当前页面，我想更新所有 webApp 页面。

如何data-theme从 JavaScript 向所有 div、listviews、forms、li、ul 等添加值？
是否可以？如果是，我该怎么做？

会像下面这样工作吗？

根据jQuery Mobile Docs ，容器内的任何表单元素都将采用该data-theme容器的

Query Mobile 拥有丰富的主题系统，可让您完全控制页面和表单的样式。默认情况下，容器内的所有表单元素将自动采用与其父级相同的主题色板。这允许表单元素以最少的工作融入其布局。data-theme 属性可以应用于任何单独的表单元素，以应用任何字母主题色板来在您的设计中创建对比和强调。

然而，随着 jQuery Mobile (1.2) 的最新版本，这似乎不再正确，我注意到表单元素现在继承自data-themeofpage而不是它们更直接的父级。

例如给出以下标记

杰宾斯：

使用 JQM 1.1

使用 JQM 1.2

使用 JQM 1.1 时，输入、选择和单选组将使用c 主题色板（继承自listview），但在使用 JQM 1.2 时，输入、选择和单选组将改为使用a色板。

即使对于具有 `data-role="fieldcontain" 的容器（例如我提供的示例中的无线电组），情况似乎也是如此。

直接在元素上设置data-theme仍然有效，但除此之外，我认为以前的行为可以使标记更清晰，在我的情况下，我有相当多的标记，我宁愿不必遍历每个元素并单独添加data-theme.

有谁知道恢复到 1.1 行为的某种方法？

问候，

我正在尝试替换数据主题，但从不使用trigger.('create')或应用更改listview('refresh')

请在JSFIDDLE测试我的代码

谢谢您的帮助

这是我的代码...

HTML：

JavaScript：

我在 jQuery Mobile (jQm) 中拆分了列表视图（带有可折叠集）。你可以在 JSfiddle 上看到它。

我希望拆分图标充当复选框。该图标具有默认值data-theme="c"，因此它是灰色的，我想将其更改data-theme为b单击，因此图标颜色应更改为蓝色。

我尝试了不同的解决方案来改变data-theme并发现了几个或多或少（越多越少）的工作解决方案。最好的是简单的 jQm 代码 $(this).buttonMarkup({theme: 'b'});，但是，以这种方式更改数据主题不会更改图标的颜色，而只会更改其背景的颜色，正如您可以在提到的 JSfiddle 中尝试的那样。

通常data-theme在拆分列表视图上，只会影响图标，但是当它以这种方式更改时，它会影响图标背景。我只想更改图标，而不是其背景，我找不到这样做的方法。可能是错误的选择器或某种错误。

你怎么看？

使用 jQuery mobile 1.3.2，我有一个 PhoneGap 应用程序，我想根据应用程序的状态更新初始登录屏幕以反映数据主题。登录页面html是：

登录html：

更改登录页面主题的JS函数：

链接样式表和脚本（以防万一）：

如果用户延迟通知，或暂停任何通知，或让应用程序进入睡眠状态，我会在我的代码中调用 displayAppStatus。

发生的情况是，我将看到登录页面闪烁正确数据主题的颜色，但随后页面的主题将快速切换回默认值。

我来过这里： 动态更改 JQuery Mobile 数据主题 和 jQuery Mobile 动态添加主题到页面

但这些线程都没有解决我的问题。

我目前正在为我的网站使用暗模式，并且 JS 工作正常，它将data-theme="dark"参数添加到 html 标记并将其存储在本地存储中。但是 SCSS 中的变量不会加载。这是我的代码：

JS：

有人可以帮助我吗？:D

我正在尝试将 WordPress 短代码插入 JS，但到目前为止还没有成功。我找到了一些 jQuery 代码，我需要将其翻译成 vanilla JS，我很确定我没有做正确的事情，因为它不起作用。我不完全理解我遇到的代码，这意味着我需要一些帮助来了解我出错的地方以及为什么我的短代码没有显示在我的网站上。也许PHP代码没有正确链接到JS文件，我不太确定。

目标是让短代码（在这种情况下为 WP 表单）在单击时显示在模式中。任何帮助是极大的赞赏！

这是jQuery代码（AJAX 请求）：

这是我的模态JS代码，我试图将短代码放入其中：

和functions.php代码：