如何将参数值从锚标记传递到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：