2016-04-13 42 views
0

我無法讓jQuery UI應用從ThemeRoller下載的我的主題。我認爲我在對CSS和JS的調用中發生了某種錯誤,或者Bootstrap干擾了我的jQuery UI自定義CSS。我已經檢查了有關此問題的所有其他問題,並進行了所有適當的更改,但仍然獲得了默認主題。我也嘗試過多個主題,沒有骰子。ThemeRoller集成jQuery UI

這裏是什麼在我的腦海標籤

<!-- CSS -->   
    <!-- Fonts--> 
<!--font needed for sun symbols--> 
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/segoe-ui-symbol" type="text/css"/> 

<!-- Google Font-->  
<link href='http://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'> 

<!--Font Awesome--> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 

<!--Bootstrap--> 
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"> 

<!-- ThemeRoller: I get default UI styles with either this or below--> 
<link href="css/jquery-ui.theme.min.css" rel="stylesheet" type="text/css"> 

<!-- jQuery UI: --> 
<link href="css/jquery-ui.min.css" rel="stylesheet" type="text/css">   

<!-- My CSS--> 
<link href="css/cssGard.css" rel="stylesheet" type="text/css"> 

<!--SCRIPTS:--> 

<!-- jQuery--> 
<script src="/js/jquery.js"></script> 

我試圖移動腳本到我的頁腳,仍然沒有工作

<!-- Bootstrap--> 
<script src="/js/bootstrap.min.js"></script> 

<!-- jQuery UI Custom Download--> 
<script src="/js/jquery-ui.min.js"></script> 

<!-- jQuery Mobile--> 
<script src="http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script> 

<!-- Touch Punch--> 
<script src="/js/touch-punch.min.js"></script> 

我知道這個問題是老了,但我做了我最難找到解決方案。這一定很簡單,我可以忽略。如果你能抓住它,請讓我知道。

回答

0

jQuery Mobile與jQuery UI衝突。我交換了腳本調用的順序並下載了不會發生衝突的jQuery Mobile自定義副本。使用兩種方式的用戶可以立即下載自定義版本。我浪費了大量的時間和心痛,因爲它們與相互矛盾的樣式和JavaScript覆蓋相混淆。兩個偉大的圖書館,但我花了一段時間才意識到,他們還沒有完全合併。