代碼無法在jsFiddle之外工作

我的目標是製作一個帶有交互式視頻的網頁，並且在此處搜索時，我偶然發現指向jsFiddle that suits my needs的鏈接。代碼無法在jsFiddle之外工作

由於代碼在jsFiddle上工作得非常好，當我試圖將其複製到DreamWeaver中時（看起來JavaScript已停止工作），代碼崩潰了。

我已經把它放在一起這樣：

<html> 
    <script type="text/javascript" src="jquery-1.7.1.min.js"></script> 
    <script type="text/javascript" src="sgrub.js"></script> 
    <script> 
     $('#video_1, #video_2').hide(); 

     $('.icon_1').click(function() { 
      $('#video_2').fadeOut(function() { 
       $('#video_1').fadeIn(); 
      }); 
     }); 

     $('.icon_2').click(function() { 
      $('#video_1').fadeOut(function() { 
       $('#video_2').fadeIn(); 
      }); 
     }); 

     $('.icon_1').click(function() { 

      $('.video_2').get(0).pause(); 
      $('.video_2').get(0).currentTime = 0; 
      $('.video_1').get(0).play(); 
     }); 

     $('.icon_2').click(function() { 
      $('.video_1').get(0).pause(); 
      $('.video_1').get(0).currentTime = 0; 
      $('.video_2').get(0).play(); 
     }); 

    </script> 
    <head></head> 
    <body> 
     <div class="icon_1" id="mediaplayer"> 
      cadillac 
     </div> 
     <div class="icon_2" id="mediaplayer2"> 
      nike 
     </div> 
     <div id="video_1"> 
      <video class="video_1" width="50%" height="50%" controls="controls" 
      poster="http://www.birds.com/wp-content/uploads/home/bird.jpg"> 
       <source src="http://video-js.zencoder.com/oceans-clip.mp4" 
       type="video/mp4" /> 
      </video> 
     </div> 
     <div id="video_2"> 
      <video class="video_2" width="50%" height="50%" controls="controls" 
      poster="http://www.birds.com/wp-content/uploads/home/bird.jpg"> 
       <source src="images/01.mp4" type="video/mp4" /> 
      </video> 
     </div> 
    </body> 
</html>

我試圖在一個jQuery DOM準備呼叫包裹的JavaScript，與無濟於事：

$(document).ready(function() { 
    // The JavaScript here 
});

來源

2012-04-22 Nata2ha Mayan2

你有沒有在同一個文件夾中的'jquery'文件？另外'sgrub.js'不存在於jsfiddle中，你也應該有一個文件。 – Niloct 2012-04-22 22:43:10

@Niloct jquery位於同一個文件夾中，'sgrub.js'實際上是用於另一部分，它不會影響它（我檢查過）。 – 2012-04-22 22:48:44

您應該將

動腦子只是HTML後

所以看起來

<html> 
<head> 
<script...etc..

來源

2012-04-22 22:38:31 Scriptor

你的意思是說什麼？ – 2012-04-22 22:38:52

你的意思是把劇本放在裏面？ – 2012-04-22 22:39:57

是的，多數民衆贊成在試圖說。 – Scriptor 2012-04-22 22:41:03

相關問題