Слайдер с двумя ползунками выбора из JQUERY-UI Стандартный (как я понимаю).
<!-- Слайдер -->
<div class="date_slider_div"><div id="GRAPH1_slider" class="GRAPH1_slider"></div></div>
$(document).ready(function()
{
//Скрипт слайдера
$( function() {$( "#GRAPH1_slider" ).slider(
{range:true,min:0,max:500,values:[75, 300],step:10,animate:true,disabled:false});}
);
На странице подключены все необходимые библиотеки (jquery.min.js, jquery-ui.min.js и css jquery-ui.css).
Если вставить этот html код на страницу, то слайдер будет отображаться, работать - все хорошо.
Но мне нужно загружать элементы управления (в том числе и этот слайдер, с помощью ajax)
$(document).ready(function()
{
//Скрипт слайдера (код выше...)
//Вот загрузка - клик по page_content, ответ в GRAPH1_tab_content
$('.page_content').on('click', '.GRAPH_tab', function(){
//Добавляем на активную вкладку все элементы управления
$.ajax({
url: 'actions.php?get_tabs&graph=GRAPH1',success: function(data)
{
$('#GRAPH1_tab_content').hide().html(data).fadeIn('fast');
}
});
});
});
Загружается всё, кроме слайдера. Его нет. А в коде ответа скрипта (actions.php?get_tabs) он есть.
Инструменты разработчика - >консоль пусто. Т.е. ошибок в скриптах нет.
Похоже, что то не подключилось, не воспринимается при загрузке с ajax.
Как исправить загрузку слайдера?
