ThemeRoller爲jQuery弄亂UI

我面臨以下問題：我想使用ThemeRoller將自定義主題應用到我的意見。但只要我使用它們，接口被搞砸了，看到的圖片如下：ThemeRoller爲jQuery弄亂UI

沒有的ThemeRoller：

Without theme Roller

用的ThemeRoller：

With ThemeRoller

用的ThemeRoller ，刷新：

With ThemeRoller, refreshed

也是一樣的我的導航菜單：從這：

enter image description here

要這樣：

enter image description here

我曾經用過的ThemeRoller作爲他們一邊解釋。我使用正確版本的ThemeRoller，匹配我的jQuery版本1.0.1。我已經導入的文件以正確的順序：

<link rel="stylesheet" href="~/Themes/CustomTheme2.min.css" /> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile.structure-1.0.1.min.css" /> 
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>

如果你錯過任何信息，請留下評論，我會向他們提供！

提前致謝！

EDIT_1：從的ThemeRoller

說明：

要使用你的主題，它的jquery.mobile.structure文件之前添加到您的網頁的頭，像這樣：

<!DOCTYPE html> 
<html> 
<head> 

<title>jQuery Mobile page</title> 
<meta charset="utf-8" /> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="css/themes/my-custom-theme.css" /> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile.structure-1.0.1.min.css" /> 
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script> 

</head>

來源

2014-01-13 print x div 0

根據他們的意見，你也包括這個「jquery.mobile.structure-1.4.0.min.css」？ – Era

@Era我編輯了我的帖子，從哪個來源獲得這些信息？ –

根據我的知識，爲所有元素創建/應用樣式的js將呈現兩次。嘗試檢查在控制檯 – Era

據我所知，創建/應用樣式到所有元素的js呈現兩次。嘗試在控制檯中檢查。

來源

2014-01-13 09:43:56 Era

ThemeRoller爲jQuery弄亂UI

回答

相關問題