javascript - 同一网页上的多个 javascript/jquery 脚本

Question

我有一个响应式菜单和响应式幻灯片，需要 javascript 和 jquery，但只有一个有效。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="js/responsiveslides.min.js"></script>

<script>
  $(function() {
    $(".rslides").responsiveSlides();
  });
</script>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#menu').slicknav({
        prependTo:"#border-orange"});
});
</script>

第二个有效，但第一个无效。当我再次切换它们时，第二个有效，但第一个无效。有没有一种方法可以组合代码，使两个脚本都能正常工作，或者是“一个或另一个”的情况？

Answer 1

你两次包含 jQuery，只需删除第二个引用，你就可以拥有任意数量的 $(document).ready() 部分:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="js/responsiveslides.min.js"></script>

<script>
  $(function() {
    $(".rslides").responsiveSlides();
  });
</script>

<script src="js/jquery.slicknav.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#menu').slicknav({
        prependTo:"#border-orange"});
});
</script>