非常奇怪，但非常烦人的JQuery移动问题

我得到了JQuery手机安装和JQuery Mobile UI。非常奇怪，但非常烦人的JQuery移动问题

我尝试使用JQuery accordeon选项卡。

<div data-demo-html="true">   
     <div data-role="collapsible-set" data-theme="c" data-content-theme="d"> 
      <div data-role="collapsible"> 
       <h3>Section 1</h3> 
       <p>I'm the collapsible content for section 1</p> 
      </div> 
      <div data-role="collapsible"> 
       <h3>Section 2</h3> 
       <p>I'm the collapsible content for section 2</p> 
      </div> 
      <div data-role="collapsible"> 
       <h3>Section 3</h3> 
       <p>I'm the collapsible content for section 1</p> 
      </div> 
     </div> 
    </div>

但是，当我想通过例如添加更改标题大小

<div data-role="collapsible-set" data-theme="c" data-content-theme="d" class="SystemAccordeonHeading">

类：
SystemAccordeonHeading

现在无论我尝试：

.SystemAccordeonHeading { 
font-size: 9vw !important; 
}

它拒绝它的新风格，它仍然很小.... 也许我忽略了一些东西，但JQuery文档在这一点上有点破旧。

在此先感谢！

来源

2015-02-11 Alex Hakkenberg

我用你的代码创建了一个jsfiddle，一切看起来都像预期的那样工作。 http://jsfiddle.net/ricardonunez/6y24qbz9/确保您的图书馆加载正常，你没有任何错别字，所有的HTML和CSS是正确的，等等。有时一个小错误可以给你很多头痛。 – 2015-02-11 16:03:16

@RicardoNuñez谢谢。然而，在你的例子中，标签中的标题不会调整大小。也许我曾经描述过它。但那是我追求的目标。 – 2015-02-11 16:07:04

做任何你使用的移动平台实际上接受vw作为单位？我过去遇到过这个问题。 – Rooster 2015-02-11 16:07:55

你的类更改 -

.SystemAccordeonHeading a{ 
font-size: 9vw; 
}

的标题实际上是链接元素，如果你检查元素

您不必重要

编辑 - ！

刚请注意，如果你在你的记忆中加入了一个链接，那么在这种情况下它的字体也会变得更大。所以我编辑下面的类，所以你只能得到标题。

.SystemAccordeonHeading h3 a{ 
font-size: 9vw; 
}

来源

2015-02-11 16:08:21 EL3PHANTEN

感谢这就是我一直在寻找的！ – 2015-02-11 16:16:04

没问题。检查元素是一个伟大的工具，如果你不知道发生了什么:) – EL3PHANTEN 2015-02-11 16:17:00

@AlexHakkenberg我编辑了答案，以避免问题，如果你把链接放在你的accordeon中 – EL3PHANTEN 2015-02-11 16:22:41

非常奇怪，但非常烦人的JQuery移动问题

回答

相关问题