非常奇怪，但非常煩人的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移動問題

回答

相關問題