2015-04-14 5 views
0

Я уже давно работаю с jQuery .slider() на своей веб-странице, но вдруг, когда я его запускаю локально, слайдер появляется так, когда я его запускаю в HTML, и ничто не может быть сделано с ним (это выглядит как его на значение 0, и вы не можете запустите ее):jQuery .slider() не работает

<div id="volume" style="touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"> 
<ul class="indicators"></ul><ul class="indicators"></ul> 
</div> 

Я инициируя его с этим кодом, он работал раньше с точно такой же код:

$("#volume").slider({ 
    min: 0, 
    max: 100, 
    value: 50, 
    range: "min", 
    animate: true, 
    slide: function(event, ui) { 
     setVolume(ui.value); 
    } 
}); 

Это произошло после того, как я начал использовать materializecss и Socket.io на веб-странице.

Кто-нибудь знает, как исправить это, и вернуть его обратно к работе?

+1

Вы используете _document ready_ handler? – Satpal

+0

Как вы связываетесь с jQuery? Можете ли вы опубликовать код, который используете? Я предполагаю, что вы используете ссылку, относящуюся к протоколу. – j08691

+0

Любые ошибки в консоли? Является ли контент там, когда вы пытаетесь его инициализировать? – epascarello

ответ

0

Обнаружено, что MaterializeCSS также имеет функцию slider в своем JavaScript. Пришлось удалить это из своего кода, и слайдер работает так, как он был снова.

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