モーダルウィンドウ内でHREF値を動的に設定する（ブートストラップ/ jquery）

Question

私はモーダルをアクティブにするためにユーザがクリックする様々なリンクに基づいてモーダル内のHREFの値を変更する方法を理解しようとしています。

私は正確に同じモーダルウィンドウを開く3つのリンク有する例えば

：モーダルウィンドウに含まれる情報は、すべての3に対して同じであるが、内のタグは、モーダルウィンドウがリダイレクトする

<a href="#" target="_blank" data-toggle="modal" data-target="#mymodal">Modal-1</a> 
<a href="#" target="_blank" data-toggle="modal" data-target="#mymodal">Modal-2</a> 
<a href="#" target="_blank" data-toggle="modal" data-target="#mymodal">Modal-3</a> 

をユーザーがモーダルを開くためにクリックしたリンクに基づいて別の場所に移動します。

ここでモーダルマークアップです：

<div class="modal-content"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal">X</button> 
     <h1 class="modal-title">My Modal Window</h1> 
    </div> 
    <div class="modal-body"> 
     <p>My copy goes here</p> 
    </div> 
    <div class="modal-footer"> 
     <a id="closemodal" href="DEPENDS ON LINKED CLICKED TO OPEN MODAL" class="btn btn-primary" target="_blank">GO</a> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 
    </div> 
    </div> 

Answer 1

あなたは、ハイパーリンクのhrefを変更するjQueryのattrの（キー、値）を使用することができます。

<a href="#" target="_blank" data-toggle="modal" data-target="#mymodal" data-link="google.com">Modal-1</a> 

$('a').click(function() 
{ 
    $('#closemodal').attr('href', $(this).data('link')); 
}); 

https://jsfiddle.net/kaofgend/3/