Программное добавление jQuery UI Slider, вызывающее проблемы

Question

В настоящее время я добавляю div для использования в качестве ползунка программно, но когда я применяю ползунок к нему, все появляется, но я не могу перетащить маркер и не работает ни одно из состояний наведения.

var container = $('<div class="container"></div>');
var slider_div = $('<div class="position_slider"></div>');

$(slider_div).slider();

container.append(slider_div);
$placeholder = $("#"+player_id);
$placeholder.append(container);

Я пробовал все количество комбинаций добавления слайдера div безрезультатно, и мне просто интересно, есть ли что-то, чего я не знаю, о котором я пропустил. Физическое добавление <div class="position_slider"> на страницу приводит к работе ползунка, но это не вариант.

Answer 1

Проблема заключалась в том, что jquery.flash изменял DIV контейнера после создания ползунка. Я просто изменил порядок с слайдер сборки, добавить в контейнер, вставить флэш в слайдер сборки, вставить флэш, добавить слайдер .

Если у вас возникли проблемы, из-за которых вы можете видеть слайдер и все компоненты пользовательского интерфейса, но не можете им управлять, попробуйте просто удалить все другие jquery со страницы, кроме того, который вам необходим для выполнения слайдера, затем добавляйте все это по одному, пока не откроете гремлин.

Answer 2

Для всех, кто нашел эту страницу, я столкнулся с похожей проблемой.

Создает слайдер, который выглядит нормально, но не работает.

var mySlider = $("<div/>").slider();
$(mySlider).clone().appendTo(SomeDiv);

Регистрация нового ползунка с помощью slider() устранила проблему.

var mySlider = $("<div/>").slider();
$(mySlider).clone().slider().appendTo(SomeDiv);

Answer 3

Я думаю, это прояснит, как это должно выглядеть:

var container = '<div class="container"></div>';
var slider_div = '<div class="position_slider"></div>';

$("#"+player_id).append(container);
$(".container").append(slider_div);
$(".position_slider").slider();

Я понимаю, что вы, возможно, захотите создать много ползунков на страницу, отсюда и программный доступ, и для этого я бы изменил ссылки на классы на ссылки на идентификаторы и использовал какой-то счетчик для создания инкрементных идентификаторов для элементов управления. Я оставлю фактическую реализацию в качестве упражнения для вас.