Почему Bxslider не работает

Я пишу этот код в своем html-файле. но слайд-шоу не работает. Все изображения выстроились вертикально. Он говорит, что bxslider() не является функцией. Может ли кто-нибудь помочь?Почему Bxslider не работает

<html> 
    <head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
    <script src="jquery.bxslider.min.js" type="text/javascript"></script> 
    <link href="jquery.bxslider.css" rel="stylesheet" /> 
    </head> 
    <body> 
    <ul class="bxslider"> 
     <li><img src="pictures/newban.jpg" /></li> 
     <li><img src="pictures/ban8_2.jpg" /></li> 
     <li><img src="pictures/ban7.jpg" /></li> 
     <li><img src="pictures/ban1.jpg" /></li> 
    </ul> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
     $('.bxslider').bxslider({ 
      autoControls: true 
     }); 
     }); 
    </script> 
    </body>

источник

2015-12-19 Ayesha

Скачали вы '' jquery.bxslider.min.js' и jquery.bxslider.min.css' и хранится рядом с этим HTML файл? –

Да, они находятся в одной папке – Ayesha

Хорошо, отлично. Теперь откройте консоль, нажав F12 в своем браузере, перейдите на вкладку Консоль. Перейдя туда, перезагрузите/обновите страницу. Скажите, если вы получите какие-либо ошибки? –

JavaScript is CaSe SeNsItIvE. Я просто видел, что есть опечатка, я думаю. Ваш bxslider не является правильным, оно должно быть bxSlider:

$('.bxslider').bxSlider({ 
//---------------^ --------- Change it to bxSlider, it is an uppercase S.

Исправьте это! В doc он дал:

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

источник

2015-12-19 18:52:04

Спасибо большое :) – Ayesha

@Ayesha Добро пожаловать! ':)' –

ответ

Смежные вопросы