问题标签 [jquery-mobile-button]

我对 Jquery 和 jquery mobile 很陌生。我正在调整按钮的大小，以便它响应窗口大小。更具体地说，我将其从 iconpos="left" 更改为 iconpos="notext" 以删除小窗口上的文本。我找到了以下对我有用的功能。

但它只适用于调整窗口大小。显然，我也希望它在页面加载时显示正确的大小，而不仅仅是调整大小。我找到了下面的代码，但我不知道如何将它们都放入 1 个更简洁的代码中。

我正在尝试为我的 jquery 移动按钮使用自定义图标。但有些如何它只显示灰色圆圈代替图标。其他默认图标工作正常。

以下是 index.html 页面的代码

我刚开始使用 jquery 移动自定义主题而不是默认主题之一。很多问题......但目前的问题是动态创建的按钮无法按预期工作。

我有一些通过 $("#container").append(...) 注入的动态 html

因为它是动态的，我需要做

$("*[data-role='button']").button();

让它初始化。

虽然我的按钮现在看起来像一个按钮，但锚点仍然看起来像一个超链接，并且单击事件仅在单击按钮内部的超链接时触发，而不是在按钮本身的其他区域上。

有任何想法吗？

更新：

如果我使用这样的 div 而不是锚点

它现在正确显示，但仍然不响应整个按钮表面的点击...仅在文本周围（+一点边距）

我正在使用此转换在常规表“td”内构建一个 jQuery 移动按钮：

但它呈现为旧的 HTML 按钮。

在我手动刷新按钮后，它看起来像一个带有图标的移动按钮，但旧按钮在其中被“缩小”了。

如何解决这个问题？

失踪::before？

我只是将它与一个看起来很普通的移动按钮进行了比较，而有问题的按钮在标签::before之前的右边丢失了。<button>

我删除了所有移动属性并尝试button()稍后调用，结果相同。

我怎样才能覆盖这些 JQM 增强功能，这样我才能拥有一个选择菜单和一个按钮，它们就在彼此旁边。所有的演示都只是在他们的面板示例底部放了一个简单的大按钮，但我得到了真正的内容，有时它会变得很长。所以我需要一个后退按钮，我不希望 data-dismissible 或其他 data- 属性用于刷卡......（数据属性死亡）;）

小提琴在这里

我最近将我的项目从 jQuery mobile 1.0 升级到了 1.4.2。在我的旧代码中，我有一个带有我自己的自定义类的按钮。

<button class="set-date" data-theme="a" data-icon="arrow-r">Set Date</button>

在我升级到最新的 jQuery 手机后，这不起作用。我将代码更改为，

此按钮的 javascript 是：

但是，这会使按钮位于另一个按钮内。当我检查元素时，我看到按钮周围有一个包装 div。

谁能告诉我如何删除这个包装 div？

我有一个当前使用 jQuery Mobile 1.3.2 的站点。我有 3 个<input>按钮，它们的样式<input type="submit" id="1" value="1" data-mini="true" data-inline="true" />用于创建 3 个水平对齐的小按钮。

我正在尝试升级到 jQM 1.4.2，并按照文档从使用数据属性进行更改，而是将类设置为<input type="submit" id="1" value="1" class="ui-btn ui-btn-inline">. 不是让 3 个按钮像这样排成一行：“1 2 3”，而是让 3 个按钮占据容器的整个宽度，像这样垂直流动：

“1”
“2”
“3”

有没有办法使用 1.4.2 重新创建我在 jQM 1.3.2 中所做的事情？

我<button>在 jQuery Mobile 1.4.2 中有一个显示，它周围出现了一个额外的<div>容器。jQM 1.3.2 没有这个问题。

这是我正在使用的代码（注意问题没有出现在 jsFiddle 中）：

这是显示 jQM 插入的额外 div 的小提琴：Demo With Extra Div

如何摆脱多余的 div？

我想删除文本框中的删除按钮，当您在 jQuery 移动中键入任何内容时会显示该按钮。当我单击重置按钮时，文本框已清除，但删除按钮未隐藏。

这是jsfiddle。

html

jQuery

我正在尝试为我的基于 jQuery 移动的应用程序创建一个 iOS 样式的后退按钮，这是我尝试过的..

HTML

CSS

我无法实现的是

• 使文本颜色变白
• 从左侧制作三角形按钮

像这样

这是小提琴http://jsfiddle.net/A6u9n/