Question

我写了一小段剧本。当我将它直接添加到我的页面时，它正在工作。但是当脚本在.js文件中时，如何使其工作？是否足以将代码放入.js文件中？或者我是否需要添加额外的代码行？

我知道我必须引用标题中的文件。但这并不能解决问题。这是脚本：

    $("#david").mouseover(function() {
    $('#charlotte').addClass('hover');
    $('#timon').addClass('hover');
}).mouseout(function() {
    $('#charlotte').removeClass('hover');
    $('#timon').removeClass('hover');    

});

$("#charlotte").mouseover(function() {
    $('#david').addClass('hovert');
    $('#timon').addClass('hovert');
}).mouseout(function() {
    $('#david').removeClass('hovert');
    $('#timon').removeClass('hovert');    

});

$("#timon").mouseover(function() {
    $('#david').addClass('hovertt');
    $('#charlotte').addClass('hovertt');
}).mouseout(function() {
    $('#david').removeClass('hovertt');
    $('#charlotte').removeClass('hovertt');    

});

我希望你们能帮助我！

我知道这是一个非常基本的问题，但我无法找到我需要的答案，而且我仍然是制作剧本的小说..

Answer 1

首先，您需要在html页面中包含该javascript文件：

<script src="yourscript.js"></script>

或

<script src="pathToYourScript/yourscript.js" type="text/javascript"></script>

更进一步，您需要告诉js何时执行，我建议将代码包装在

中

$(document).ready(function{
 // your code here 
})

或在window.load中

$(window).load(function{
 // your code here 
})

或自动执行功能：

(function(){
 // your code here 
})();

Answer 2

在HTML文档中，在jQuery脚本之后添加第二行。

<script src="/js/jquery.js"></script>
<script src="/js/name-of-your-file.js"></script>

在示例中，我已将/js/添加到您的脚本中。最好将文件分成特定文件夹，因此您必须创建一个新的js文件夹。此外，jQuery需要到位并准备好开始使用它。如果您需要等待文档加载，那么您需要将代码包装在下面。

$(function() {
  // Past your code here.
  // This syntax is simply a shortcut for 
  // $(document).ready(function(){});
});

让远程.js工作

2 个答案: