jQuery LightSlider не работает, но в работах JSFiddle очень хорошо

Мне кажется, это очень странно. Я не мог понять, что такое LightSlider.jQuery LightSlider не работает, но в работах JSFiddle очень хорошо

Прежде всего, я установил плагин jquery на <head>. Нечто подобное ниже:

<head> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 
<link rel="stylesheet" href="assets/js/lightSlider/lightSlider.css" /> 
<link rel="stylesheet" href="assets/js/lightSlider/jquery.lightSlider.js" /> 
</head>

Во-вторых, я поставил HTML-то вроде этого ниже:

<div class="produk-details-left"> 
     <ul id="lightSlider"> 
      <li> 
       <img src="pic1.jpg" /> 
      </li> 
      <li> 
       <img src="pic2.jpg" /> 
      </li> 
      <li> 
       <img src="pic3.jpg" /> 
      </li> 
      <li> 
       <img src="pic4.jpg" /> 
      </li> 
     </ul> 
    </div>

Наконец, я не забудьте поставить CSS. Нечто подобное ниже:

.produk-details-left ul { 
list-style: none outside none; 
padding-left: 0; 
margin-bottom:0; 
} 

.produk-details-left li { 
display: block; 
float: left; 
margin-right: 6px;cursor:pointer; 
} 

.produk-details-left img { 
display: block; 
height: auto; 
max-width: 100%; 
}

Наконец, он работает в JSFiddle HERE.

В заключение, он работает в JSFiddle, но он не работает на моем сервере. Результаты этого не выглядели как изображение сверху, а миниатюры внизу. Похоже, мой плагин не работает. Мне действительно кажется странным. Я что-то упускаю?

ОБНОВЛЕНО

я снова изменил <head> сценарий. Тем не менее это не работает.

<head> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 
    <link rel="stylesheet" href="assets/js/lightSlider/lightSlider.css" /> 
    <link rel="stylesheet" href="assets/js/lightSlider/jquery.lightSlider.js" /> 
    <link rel="stylesheet" href="assets/js/lightSlider/jquery.lightSlider.min.js" /> 
</head>

источник

2014-11-26 Anthosiast

Я не вижу изображения на JSFiddle. – Scott

У вас возникли ошибки в консоли вашего браузера? Я не вижу ничего плохого в том, как вы на JSFiddle, кроме сломанных изображений. Возможно, что-то другое на вашем сайте. – Scott

Хорошо @Scott, я только что обновил фотографию Майкла Джексона. Любые идеи на моем ''? – Anthosiast

Вы не содержит сценарий для lightSlider

Try:

<head> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 
    <link rel="stylesheet" href="assets/js/lightSlider/lightSlider.css" /> 
    <script src="assets/js/lightSlider/jquery.lightSlider.js" /> 
</head>

источник

2014-11-26 03:01:47

Да, это тот. Спасибо. Но все равно это не работает.:/ – Anthosiast

Вы можете также добавить свой собственный скрипт для lightSlider –

Я ценю ваши ответы, а что это за собственный скрипт? :/ – Anthosiast

jQuery LightSlider не работает, но в работах JSFiddle очень хорошо

ответ

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