ThemeRoller集成jQuery UI

Question

我无法让jQuery UI应用我从ThemeRoller下载的主题。我想我在调用CSS和JS时出现了某种错误，或者Bootstrap干扰了我的jQuery UI自定义CSS。我已经检查了关于这个问题的所有其他问题，并进行了所有适当的更改，但仍然获得了默认主题。我也尝试了多个主题，没有骰子。

下面是我的head标签中的内容

<!-- 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>

我知道这个问题已经过时了，但我尽了最大的努力去寻找解决方案。这一定是我忽略的一些简单的东西。如果你能抓住它，请让我知道。

Answer 1

jQuery移动版与jQuery UI冲突。我调换了他们脚本调用的顺序，并下载了一个不会冲突的jQuery移动版自定义副本。同时使用这两个版本的用户请注意:立即下载自定义版本。我在冲突的样式和JavaScript覆盖上浪费了大量的时间和心痛。两个伟大的库，但我花了一段时间才意识到它们还没有完全合并。