2017-01-27 4 views
0

новичок здесь. У меня очень ограниченные навыки коучинга, но в порядке установки скриптов на мой сайт Weebly. Выполняя это какое-то время, и хотя я не могу кодировать, я кое-что узнал.Код jQuery не работает на Weebly - почему?

Я хотел был бы установить ползунок, котор я купил на codecanyon. Не уверен, могу ли я вставить ссылку здесь, но это имя «Lush slider», вы можете найти его на сайте.

Моя проблема: я загрузил файлы .js и .css, а также изображения. Я купил редактор wysiwyg для слайдера и сделал ползунок. У меня есть код, который я скопировал на сайт. Я вижу изображения перед публикацией, но не после. он остается пустым. Я нашел ссылку, что у Weebly могут быть проблемы с «$» вещами, с которыми я не знаком. Не могли бы вы помочь в решении проблемы?

код я должен был вставить в мой сноске выглядит следующим образом:

<script> 
    $(document).ready(function(){ 
    $('.lush-slider').lush({ 
    baseWidth: 1455 
    , baseHeight: 450 
    }) 
</script> 

Большое спасибо за любую помощь!

+0

Посмотрите https://api.jquery.com/jquery.noconflict/ –

+0

у вас есть какие-либо ошибки в консоли браузера? –

ответ

0

Это может быть опечатка здесь, но вы не закрываете декларацию документа. Также проверьте, есть ли на вашем сайте jquery, ища либо локальную ссылку на jquery, либо версию CDN.

<script> 
    $(document).ready(function(){ 
    $('.lush-slider').lush({ 
    baseWidth: 1455 
    , baseHeight: 450 
    }); // closes the lush method 
}); //closes the document.ready 
</script> 

Я также нашел документацию здесь (http://js.ofrance.fr/lush-content-slider/documentation/help.html), которые могут помочь вам в создании его и также проверить, что нужные файлы называются и называются в правильном порядке.

+0

Большое вам спасибо! Это сработало! FInally ползунок появляется после публикации сайта! Огромное спасибо! Еще одна вещь: это полная пропускная способность в ноутбуке, но есть некоторые дополнения справа и слева в мобильном режиме. У вас есть ключ, где я должен искать эти атрибуты в CSS? Есть ли обычно отдельный код для мобильного просмотра или он находится внутри моего main.css? Еще раз спасибо! – Neo3

0

Попробуйте использовать JQuery(), чтобы получить доступ к нему, а не $()

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