幾個動態simplemodal框

Question

我正在開發一個網站，用戶可以創建日曆，然後添加事件給他們。我的一個網頁列出了用戶創建的所有日曆。我希望每個日曆標題旁邊都有一個「刪除」鏈接，並且彈出一個簡單的方框，以確認他們打算刪除日曆及其所有相關事件。我需要以某種方式將calendar_id編號追加到jquery中，以確保正確的模式框彈出右邊的「是，刪除」鏈接。我只是將calendar_id附加到＃basic-modal和＃basic-modal-content id名稱，但CSS不匹配。

另一件我認爲我可以做的事情就是將正確的「是，刪除」鏈接通過函數傳遞給模態框。但我不知道如何注入模態框中的HTML ..這樣的事情...

function getsimplemodal(X){ 

$('#basic-modal .basic').click(function (e) { 

var delete_link = "http://mysite.com/delete.php?cal_id=" +X; 
--code to inject delete_link into the modal box--  
    $('#basic-modal-content').modal(); 

    return false; 

});}; 

有沒有人知道如何在世界上我可以做到這一點？

試了下面的代碼來測試我是否可以附加任何東西但它破壞了代碼。沒有顯示。它顯示如果我刪除.append線。

jQuery(function ($) { 
// Load dialog on page load 
//$('#basic-modal-content').modal(); 

// Load dialog on click 
$('#basic-modal .basic').click(function (e) { 
("#basic-modal-content").append("<strong>Testing</strong>"); 

    $('#basic-modal-content').modal(); 

    return false; 

}); 

}）;

想通了！

我寫了一個函數來使用onclick我的鏈接。

function confirmCalendar(X) { 

    $('#basic-modal-content').modal(); 
    var delete_link = "<a href='http://localhost:8888/calendars/index.php/edit_calendar/delete/" + X + "'>Yes, Delete</a> "; 
    $('#modal-p').prepend(delete_link); 

    return false; 

};

，然後我隱藏＃基本模態內容

<!-- modal content --> 
<div id="basic-modal-content"> 
<h3>Are you sure you want to delete this calendar and all its associated bookings?</h3> 
<p id="modal-p"> or <a href='#' class='simplemodal-close'>Cancel</a></p> 
</div> 

，然後我的動態鏈接

echo "<a href='#' onclick='confirmCalendar($row->id);'>Delete</a>"; 

Answer 1

代碼注入：

$("#basic-modal-content").append("<a href=" + delete_link + "> Delete </a>");