混淆bxslider的步驟之一

Question

我對將圖像滑塊添加到您的網頁的步驟3感到困惑：http://bxslider.com/。誰能幫忙？這是我的html代碼bin：http://codebin.org/view/3bd29e6d。

Answer 1

所有你需要做的就是把它添加到您的滑塊頁面的底部（剛剛閉幕</body>標記之前，或至少低於你的鏈接到jQuery庫）：

<script src="/js/jquery.bxslider.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $('.bxslider').bxSlider(); 
}); 
</script> 

Answer 2

它非常簡單：

步驟3無非是initializer

您需要添加推薦的JS

<!-- bxSlider Javascript file --> 
<script src="/js/jquery.bxslider.min.js"></script> 

並調用該函數在頁面加載

$(document).ready(function(){ 
    $('.bxslider').bxSlider(); 
}); 

在代碼中使用這個代碼：

<script> 
     $(document).ready(function() { 
      $('.bxslider').bxSlider(); 
     }); 
    </script>