jQuery幻燈片將不會加載

我正在使用royal slider。我插入下面的代碼直接進入我的網站的HTML（注：URL的省略）...jQuery幻燈片將不會加載

<!-- jQuery, 1.7+ is required --> 
    <script src="url"></script> 
    <!-- main slider JS, get it from build tool http://dimsemenov.com/private --> 
    <script src="url"></script> 


    <!-- main slider style --> 
    <link href="url"> 
    <!-- selected skin style --> 
    <link href="url" rel="stylesheet"> 


    `<!-- slider css --> 
    <style> 
      /* you may put here additional slider CSS */ 
      /* but it'll be better if you move it to separate CSS file that your site uses */ 
    </style>

，放在身體下面來測試的事情了......

<div id="content-slider" class="royalSlider contentSlider rsDefault"> 
<div>slide1</div> 
<div>slide2</div> 
<div>slide3</div> 
</div> 
<script type="text/javascript">// <![CDATA[ 
    // Slider initialization, you may put this part of code in JS file 
    jQuery(document).ready(function($) { 

     // slider initialization 
     $('#content-slider').royalSlider({ 
      // example of slider options 
      controlNavigation: 'bullets', 
      autoPlay: { 
       enabled: true 
      }, 
      deeplinking: { 
       enabled: true, 
       prefix: 'slider-' 
      } 
     }); 

    }); 
// ]]></script>

和它看起來幻燈片顯示沒有加載。任何建議或幫助將不勝感激！

UPDATE：

我把以下內容：

<div id="content-slider" class="royalSlider contentSlider rsDefault"> 
     <div>slide1</div> 
     <div>slide2</div> 
     <div>slide3</div> 
    </div> 
<head> 

// All your <head> content goes here 

<script type="text/javascript"> 
$(document).ready(function(){ 

    // slider initialization 
    $('#content-slider').royalSlider({ 
     // example of slider options 
     controlNavigation: 'bullets', 
     autoPlay: { 
      enabled: true 
     }, 
     deeplinking: { 
      enabled: true, 
      prefix: 'slider-' 
     } 
    }); 

}); 
</script> 
</head>

，它的代碼更新到以下...

<div id="content-slider" class="royalSlider contentSlider rsDefault"> 
<div>slide1</div> 
<div>slide2</div> 
<div>slide3</div> 
</div> 
<p>// All yourcontent goes here</p> 
<script type="text/javascript">// <![CDATA[ 
$(document).ready(function(){ 

    // slider initialization 
    $('#content-slider').royalSlider({ 
     // example of slider options 
     controlNavigation: 'bullets', 
     autoPlay: { 
      enabled: true 
     }, 
     deeplinking: { 
      enabled: true, 
      prefix: 'slider-' 
     } 
    }); 

}); 
// ]]></script>

來源

2012-12-19 Slurms

檢查控制檯..如果有任何錯誤.... – bipen

@bipen，我發現了以下錯誤的.js文件，我有...失敗加載資源：服務器響應狀態爲405（方法不允許）+ XMLHttpRequest無法加載。有任何想法嗎？ – Slurms

你應該儘量把你的<script>在<head>而不是body。 $(document).ready()已經負責等待頁面加載。

試試這樣說：

<head> 

// All your <head> content goes here 

<script type="text/javascript"> 
$(document).ready(function(){ 

    // slider initialization 
    $('#content-slider').royalSlider({ 
     // example of slider options 
     controlNavigation: 'bullets', 
     autoPlay: { 
      enabled: true 
     }, 
     deeplinking: { 
      enabled: true, 
      prefix: 'slider-' 
     } 
    }); 

}); 
</script> 
</head>

來源

2012-12-19 07:37:57

我提出了一個更新我的問題，因爲我把你的建議，我沒有爲我工作。我注意到，當我點擊「更新」代碼變得不同。 – Slurms

jQuery幻燈片將不會加載

回答

相關問題