我是一个新手,有消息来源等,我想当然了,我可以简单地将脚本src添加到标题中,然后再添加任意数量的脚本或函数。在大多数情况下,这可以正常工作,但现在我遇到了一个我无法解决的问题。
我可以运行一个脚本,也可以运行另一个脚本,无论我尝试了多少种不同的排列,两者都无法和谐地工作。我敢肯定,有一个简单的解决方法,或者我完全没有的东西。我在网上浏览了一个白痴指南,但没有发现任何用处。
这两个功能脚本位于不同的位置。一个在头并从HTML页面的主体中调用,另一个在一个include中,该include被添加到每个页面以进行动态链接。
除了身体内的东西外
<!--Creation and hiding of div to allow images load-->
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="../js/helperFunctions.js"></script>
<!-- jQuery (required) -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../js/jquery.min.js"><\/script>')</script>
<!-- Syntax highlighting -->
<link rel="stylesheet" href="../mainCSS/prettify.css" media="screen">
<script src="../js/prettify.js"></script>
<!-- AnythingSlider -->
<link rel="stylesheet" href="../mainCSS/anythingslider.css">
<script src="../js/jquery.anythingslider.js"></script>
<script>
$(function(){
prettyPrint script here;
</script>
<script>
$(function(){
slider script here
</script>
虽然这会加载正文脚本,但不会加载其他任何脚本。:
<!-- jQuery (required) -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../js/jquery.min.js"><\/script>')</script>
<!-- Syntax highlighting -->
<link rel="stylesheet" href="../mainCSS/prettify.css" media="screen">
<script src="../js/prettify.js"></script>
<!-- AnythingSlider -->
<link rel="stylesheet" href="../mainCSS/anythingslider.css">
<script src="../js/jquery.anythingslider.js"></script>
<script>
$(function(){
prettyPrint script here;
</script>
<script>
$(function(){
slider script here
</script>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="../js/helperFunctions.js"></script>
然后,我尝试将脚本src放入include中,包括两次src以及许多其他愚蠢的无意义的想法。
如果有人可以帮助,那就太好了!非常感谢
最佳答案
在此代码中,您将jQuery包含了3次。我不确定这是否是问题,但这不是解决方案
// jquery from jquery.com
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<!-- jQuery (required) --> // jQuery from google
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../js/jquery.min.js"><\/script>')</script>
// both of these are expendable
这可能会导致冲突,因为要包含的最后一个是该库的旧版本。您只需要包含即可。我假设您正在使用Migration,因为您的脚本中正在运行较旧的jQuery代码。
代码错误
<script>
$(function(){ // syntax error
prettyPrint script here;
</script>
<script>
$(function(){ // same error
slider script here
</script>
您这里有语法错误,此代码之后的任何脚本将无法运行或运行。