將simplemodal模態定位在現有div上

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