2016-11-28 9 views
0

コンテンツをブートストラップ(3.3.7)モーダルウィンドウに読み込むページがあります。これらのモーダルの大部分のコンテンツには、1つ以上のリンクがあります。ブートストラップモードのリンクを新しいウィンドウで開きます

これらのモーダルでユーザーがクリックしたリンクを新しいブラウザタブで開くことができます。

これは、各アンカーにtarget="_blank"を入れることで実現できます。

<a href="http://www.google.com/" target="_blank">Link</a> 

しかし、これは私がこのタグを追加する必要がリンクたびにI出力として退屈なようです。

新しいウィンドウ/タブにモーダルで見つかったリンクを開くようにブラウザに指示する方法はありますか?

私は検索しましたが、答えのほとんどはの内部にというモーダルを読み込んでいます。これは私がここでやりたいことではありません。

また、前のタブでモーダルを触れないままにしておく、つまり開いたままにする(閉じないでください)ようにします。 window.open()使用

$('#modal-name a').attr('target', '_blank'); 

それとも、アンカー自身にイベントをバインドすることができます:

+0

はJSコードの小さな作品を書くことターゲット属性をモーダル内のすべてのリンクに追加し、適切なイベントでトリガーします(モーダルを開き、データをロードします)。 – CBroe

答えて

2

あなたはjQueryの要素をターゲットにしてターゲット属性を追加することができます

$('#modal-name').on('click', 'a', function(event) { 
    event.preventDefault(); 
    window.open($(this).attr('href'), '_blank'); 
}); 
関連する問題