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

我正在尝试使用simplemodal插件在现有div上放置modal dialog。

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

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; }); });