jquery - 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 Mobile 与 jQuery UI 冲突。我交换了他们的脚本调用的顺序，并下载了一个不会冲突的自定义 jQuery Mobile 副本。提醒同时使用这两者的人:立即下载自定义版本。我浪费了很多时间和心痛来处理冲突的样式和 JavaScript 覆盖。两个很棒的库，但我花了一点时间才意识到它们还没有完全合并。