Bootstrap - Modal - 父對象的訪問值

我有一類鏈接，點擊時會啓動模態窗口。在模態窗口中，如何訪問生成模態的對象的href？我的目標是在模式窗口中使用一個按鈕，點擊後會打開一個窗口給調用者的href。Bootstrap - Modal - 父對象的訪問值

我不需要代碼來顯示此類鏈接的模式窗口，只需要如何從父對象獲取值。

感謝

的要求

例子：

<li><a href="http://foo" rel="ExtLink">blah</a></li> 
<li><a href="http://bar" rel="ExtLink">Test</a></li>

模態：

從JS

<div class="modal fade" id="ModalTest" tabindex="-1" role="dialog" aria-labelledby="ModalTestLabel" aria-hidden="true"> 

      <div class="modal-dialog"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
         <h4 class="modal-title" id="ModalTestLabel">External URL warning</h4> 
        </div> 
        <div class="modal-body"> 
         External URL warning here. 
        </div> 
        <div class="modal-footer"> 
         <button type="button" class="btn btn-default" data-dismiss="modal">Exit</button> 
         <button type="button" class="btn btn-primary">I understand, visit link</button> 
        </div> 
       </div><!-- /.modal-content --> 
      </div><!-- /.modal-dialog --> 
     </div><!-- /.modal -->

公開賽：

$("a[rel='ExtLink']").click(function(e){ 
    $('ModalTest').show(); 

});

所以，如果我點擊任一模態窗口打開。在模式窗口中，我想要一個按鈕，當它按下時會啓動調用者的href。由於

來源

2014-01-27 Dr.Avalanche

你有特定ID的這些鏈接，你可以提供一個小提琴？ –

@MehmetSeçkin示例按要求添加。謝謝 –

一種方法 - 您的頁面上可能有一個隱藏項目，用於存儲用於觸發模式的鏈接的URL。只要你打電話給你的模態就設置這個項目。給它一個唯一的ID，這樣你就可以很容易地用jQuery檢索值（並設置它）。 – Drumbeg

試試這個，

$(document).on("click", "ul li a", function (e) { 
    e.preventDefault(); 
    e.stopPropagation(); 
    var link = $(this).attr('href'); 
    $("#myModal a").attr('href',link); 
    $(".moadl").modal("show"); 
});

HTML

<ul> 
<li><a href="http://foo" rel="ExtLink">blah</a></li> 
<li><a href="http://bar" rel="ExtLink">Test</a></li> 
</ul> 

<div class="modal hide" id="myModal"> 
<div class="modal-header"> 
    <button class="close" data-dismiss="modal">×</button> 
    <h3>Modal header</h3> 
    </div> 
    <div class="modal-body"> 
     <a href="">go to link</a> 
    </div> 
</div>

JSFIDDLE

來源

2014-01-27 13:29:22

Bootstrap - Modal - 父對象的訪問值

回答

相關問題