2011-01-11 54 views
0

我有以下:JQueryMobile按鈕直列不工作

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

該按鈕在頁面的寬度示出了其中數據列直插=「真」應寬顯示一個按鈕,在它的文本。

我使用的是Chrome瀏覽器,而www.jquerymobile.com的頁面顯示正確。

任何想法爲什麼這不起作用?

JD

+0

我從www.jquerymobile.com複製了一個頁面並保存到我的桌面。這工作,我看到按鈕正確顯示。然後,我將html代碼複製到了我的頁面,該頁面在服務器端通過ASP.NET MVC2生成,並且出現問題。這是mvc 2的問題嗎? – 2011-01-11 12:39:11

回答

1

如果頁面正在從一個MVC框架內擔任總有那麼它被認爲是隱含使用的框架的另一部分修改的可能性。

  • 首先,驗證從ASP.NET服務器提供的原始HTML包含所有正確的data- *屬性。
  • 其次,在jQuery Mobile添加適用的樣式之後檢查DOM。將這些與離線版本的檢查樣式進行比較。
  • 第三,仔細檢查你所包含的CSS是否與正確樣式的頁面不衝突。

祝你好運!

+0

感謝您的建議。我會看一下。 – 2011-02-01 09:29:55

1

你需要用你的鏈接在一個div中也指定了數據在線=「真」

安德魯

附: jQueryMobile網站並未指定您需要在其網站上使用data-inline =「true」,但您需要將元素封裝在div中,並且還要在每個元素上指定data-inline =「true」。

Andrew(ElGueroPesado)