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属性使用。请建议我如何在iframe中传递/使用该参数。

Answer 1

你可以试试这段代码：

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

您可以使用data-id获取data并将其放入iframe的src属性中。加载页面时会启动此代码，但如果要在单击链接按钮时启动，则需要在链接上创建活动click

Answer 2

由于href和modal在同一页面上。您可以使用$("element").data("modal").isShown == true。然后在if if条件下，您可以获得.data("id")的{{1}}并通过执行以下操作将其分配到框架<a> attr：

如何将参数值从锚标记传递到jquery模态窗口？

2 个答案: