Question

我正在尝试使用simplemodal插件在现有div上放置模态对话框。

这是我的代码;它不起作用：

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，但这只是让它在左边的现有内容下方绘制。

我正在使用simplemodal的1.4.1版本。

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

实际上那里有无关紧要的东西。它只是appendTo它做到了，非常好：

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

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

        return false;
    });
});

将simplemodal模态放在现有div的顶部

2 个答案: