如何將參數值從錨標記傳遞給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> 

在這裏，我想通過數據ID到模態窗口。這個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和模式位於同一頁面上，您可以使用$("element").data("modal").isShown == true。那麼在這種情況下，你可以得到.data("id")的<a>，並通過這樣做將它分配給框架src attr：