2015-06-26 50 views
0

我在玩Bootstrap,但似乎我无法让我的外部js script工作。外部JS文件不能在HTML页面工作

我装在我的HTML文件的末尾以下脚本:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="/js/myscript.js"></script> 

Jquery最先被加载,然后我把我的脚本,其定位在js文件夹,这是摆在根目录。

jQuery(function(){ 
    "use strict"; 
    $("#services h2").text("Hello World"); 
)}; 

如果我尝试这个简单的代码在它的HTML页面上工作,但不在外部文件中。 我试图阅读其他答案,但我无法确定问题所在。我是否需要建立一个LAMP环境才能完成这项工作?

+0

你可以让任何事情发生使用myscript.js?仅仅是那个特定的代码还是页面表现为无法找到文件? – BSMP

+0

你是否试图运行'myscript.js'中的jQuery位? – Himmel

+0

是的,我试图在外部文件中运行该脚本,但它不起作用。这似乎是文件没有被加载,但src参数应该是正确的阅读其他问题的答案 –

回答

1

在外部js文件中放置你的函数在doc ready函数中:你可以从那里开始修复你的问题。

$("document").ready(function() { 
    jQuery(function(){ 
     $("#services h2").text("Hello World"); 
    }); 
}); 

也确保你的/js/myscript.js路径是正确的。为了确认您的JQuery已经正确加载,请右键单击mozzila中的已加载页面>使用Firebug进行检查>选择控制台>然后选择JQuerify选项,这将确认您的jQuery已成功加载。 (显然,如果没有安装萤火,安装它!)

+0

不知道我关注。不是jQuery(函数()...只是$(“document”)的简写。ready(function()...?为什么在另一个中包装一个? – Roberto

0

如果你这样它会工作写在/之前js/myscript.js 起飞:

<script type="text/javascript" src="js/myscript.js"></script> 
相关问题