如何包含Java腳本，當你有AJAX和CSS？

當我在我的index.html中運行我的JavaScript時，它可以正常工作，但我想將它作爲一個js文件，因此我創建了aram.js，然後我將其代碼添加到它我還包括此行以索引：如何包含Java腳本，當你有AJAX和CSS？

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

aram.js：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 

      $(function() { 
       $('#accordion > li').hover(
        function() { 
         var $this = $(this); 
         $this.stop().animate({'width':'480px'},500); 
         $('.heading',$this).stop(true,true).fadeOut(); 
         $('.bgDescription',$this).stop(true,true).slideDown(500); 
         $('.description',$this).stop(true,true).fadeIn(); 
        }, 
        function() { 
         var $this = $(this); 
         $this.stop().animate({'width':'115px'},1000); 
         $('.heading',$this).stop(true,true).fadeIn(); 
         $('.description',$this).stop(true,true).fadeOut(500); 
         $('.bgDescription',$this).stop(true,true).slideUp(700); 
        } 
       ); 
      });

我認爲問題是，它無法找到的CSS我有包含在這樣行的index.html一個css文件夾style.css文件：

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>

來源

2012-08-08 Negin Nicki

包括你的JS文件中的''

如果文件位於.js文件中，則不需要將您的js包裝在<script>標記中。

此外，您不能在JavaScript文件中使用html標籤。該腳本標籤屬於你的HTML文件，命令如下所示：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script type="text/javascript" src="aram.js"></script>

JS文件只有JS

來源

2012-08-08 18:39:02 Austin

你不能寫一個js文件內標籤。你也應該在index.html中調用jquery。

來源

2012-08-08 18:39:57 sedran

傳統上，您會從HTML文件中引用jQuery JavaScript文件和您自己的JavaScript文件。在您的JavaScript文件中放置一個HTML腳本標記不會正常工作。

如果你真的想只包括在HTML文件中的一個腳本元素，它應該可以使用此代碼從該文件注入jQuery代碼：

document.write('<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>');

但是，這種技術沒有在這種情況下推薦它很多。

來源

2012-08-08 18:46:27

臨提示：不要這樣:) – edhedges 2012-08-08 18:48:14

哦，我同意，但情況可能會出現在有必要做這樣的事情。 – 2012-08-08 18:51:45

我有wordpress和是的你是對的我應該寫在html中的腳本，但在wordpress我認爲我應該只有js文件ini js文件夾，所以甚至不應該在html 1腳本應該怎麼辦？ – 2012-08-08 18:54:44

相關問題