Поместите простой модальный мод поверх существующего div

Question

Я пытаюсь расположить модальное диалоговое окно поверх существующего div, используя плагин simplemodal.

Вот мой код; это не работает:

jQuery(function ($) {

    $('.slider-caption .basic').click(function (e) {

        var p = $("#slider1");
        var position = p.position();

        $('#basic-modal-content').modal({
            position: "absolute",
            left: position.left,
            top: position.top
        });

        return false;
    });
});

Он все еще рисует в середине окна. Я также попытался установить для параметра autoPosition значение false, но это просто заставляет его рисовать ниже существующего содержимого слева.

Я использую версию 1.4.1 simplemodal.

Answer 1

Вот что я сделал, чтобы заставить его работать:

jQuery(function ($) {
    $('.slider-caption .basic').click(function (e) {

        var position = $("#slider1").offset();

        $('#basic-modal-content').modal({
            appendTo: "#slider1",
            autoPosition: false,
            position: "absolute",
            left: position.left,
            top: position.top
        });

        return false;
    });
});

Answer 2

На самом деле там есть посторонние вещи. это просто приложение, которое делает это, действительно приятно:

jQuery(function ($) {
    $('.slider-caption .basic').click(function (e) {

        $('#basic-modal-content').modal({appendTo:"#slider1", autoPosition: false,});

        return false;
    });
});