如何將參數值從錨標記傳遞到jQuery模式窗口？

Question

我有下面的代碼，

    <a href="#small" data-toggle="modal" data-id="id1333">  
<img src="http://www.mysite.com/mthumb.jpg" /></a>

     <div id="small" class="modal hide fade" tabindex="-1" data-replace="true">
         <div class="modal-body">
             <table>
            <tr>        <td>                 
                         <iframe id="videoid" width="620" height="390" ></iframe>
                 </td>
            <tr>    </table>
         </div> </div>

在這里，我想將data-id傳遞給模式窗口。 frame src屬性使用此數據ID。 請提出關於如何在iframe中傳遞/使用參數的建議。

Answer 1

您可以嘗試以下代碼：

$(document).ready(function(){
    var id = $('a[href="#small"]').data('id');
    $('#videoid').attr('src', id);
});

您可以使用data獲取data-id ，並將其放入iframe的屬性src中。 該代碼在頁面加載時啟動，但是如果您想在單擊鏈接按鈕時啟動，則需要創建一個事件， click鏈接

Answer 2

因為href和modal在同一頁面上。 您可以使用$("element").data("modal").isShown == true 。 然后在這種情況下，您可以獲取<a>的.data("id")並通過執行以下操作將其分配給幀src attr：