JQueryMobile按钮内联不起作用

Question

我有以下内容：

<a href="index.html" data-role="button" data-inline="true">Button</a> 

按钮显示在页面的宽度上，其中data-inline =“true”应该显示一个与其中文本一样宽的按钮。

我正在使用Chrome，并且www.jquerymobile.com上的页面显示正确。

为什么这不起作用？

JD

Answer 1

如果页面是在MVC框架内提供的，那么它总是有可能被隐式使用的框架的另一部分修改。

• 首先，验证从ASP.NET服务器提供的原始HTML是否包含所有正确的data- *属性。
• 其次，在jQuery Mobile添加适用的样式后检查DOM。将这些与离线版本的检查样式进行比较。
• 第三，仔细检查您所包含的CSS与正确设置的页面是否冲突。

祝你好运！

Answer 2

您需要将链接包装在一个div中，该div也指定data-inline =“true”

安德鲁

P.S。 jQueryMobile网站没有指定你的网站上需要data-inline =“true”，但是你需要将元素包装在div中，并在每个元素上指定data-inline =“true”。

安德鲁（ElGueroPesado）