基本jQuery的滑塊（腳本的問題，我認爲）

我以前從這個網站http://www.basic-slider.com/滑塊，並安裝它，如圖，但是我覺得對於滑塊initating腳本爭論或反對我已經安裝了頁面上的其他腳本衝突的動畫div運動。基本jQuery的滑塊（腳本的問題，我認爲）

我當網頁加載完畢後，我得到的一切滑塊應該有一個數字，導航控制，間距等，但沒有圖像，whatso永遠。我已經欺騙了圖片的url，並且它們都正確鏈接。所有列表元素或幻燈片都是正確的。據我可以看到它，那麼一個腳本問題，或者它具有財產以後做的postioning頁面上，因爲頁面是使用相對定位百分比值了很多，建。

**滑塊的CSS **

ul.bjqs { 
    position: relative; 
    list-style:none; 
    padding:0; 
    margin:0; 
    overflow:hidden; 
    display:none; 
} 
li.bjqs-slide { 
    position:absolute ; 
    display:none; 
} 
ul.bjqs-controls { 
    list-style:none; 
    margin:0; 
    padding:0; 
    z-index:9999; 
} 
ul.bjqs-controls.v-centered li a { 
    position:absolute; 
}  
ul.bjqs-controls.v-centered li.bjqs-next a { 
    right:0; 
}  
ul.bjqs-controls.v-centered li.bjqs-prev a { 
    left:0; 
}  
ol.bjqs-markers { 
    list-style: none; 
    padding: 0; 
    margin: 0; 
    width:100%; 
}  
ol.bjqs-markers.h-centered { 
    text-align: center; 
}  
ol.bjqs-markers li { 
    display:inline; 
} 
ol.bjqs-markers li a { 
    display:inline-block; 
} 
p.bjqs-caption { 
    display:block; 
    width:96%; 
    margin:0; 
    padding:2%; 
    position:absolute; 
    bottom:0; 
}

** ** HTML

<div id="slides">      
The ul list sits in here with li img src /li. (sorry couldnt get lists to work in the editor. :(              
</div>

**衝突腳本**

 <script type="text/javascript"> 
         $(document).ready(function() { 
           $('#p-load').hide().delay(500).fadeIn("slow"); 
         }); 
         </script> 

       <!-- ꜜꜜ slider ꜜꜜ --> 
       <script class="secret-source"> 
       jQuery(document).ready(function($) { 

         $('#slides').bjqs({ 
         animtype  : 'slide', 
         automatic  : 'true', 
         height  : 320, 
         width   : 720, 
         responsive : true, 
         randomstart : true, 
         showmarkers : false 
         }); 

        }); 
       </script>

滑塊腳本上面的腳本啓動頁面div動畫。

來源

2014-01-22 Beaniie

我從來沒有見過一個腳本標籤類屬性 –

之前，我認爲同樣的事情，但它工作在演示... – Beaniie

，當你註釋掉行「$（」＃P-負荷」）...「它按需要工作？ –

這聽起來像它可能是一個z-index的問題。你確定z-index的設置是否正確？

來源

2014-01-22 16:44:56 nzajt

我添加了一個Z-指數，至主UI元素，對於滑塊。仍然沒有進展...... :( – Beaniie

當你正在使用的reponsive模式，也許你應該嘗試觸發窗口大小調整。我有這樣的問題，這對我有用。

$(document).ready(function(){ 
    $(window).trigger('resize'); 
});

來源

2014-06-04 20:45:22 SebLambla

基本jQuery的滑塊（腳本的問題，我認爲）

回答

相關問題