グリフコンボタンを設定して新しいポップアップウィンドウを開く方法

Question

このボタンを設定すると、新しいウィンドウが表示されません。グリフィンボタンを使用していることに注意してください。私はOpen links in new window using AngularJSの言及として$ウィンドウを使用することを認識していますが、私はそれが私の場合に似ていないと思う。

<td class="text-left"> 
        <div class="btn-group"> 
         <div class="btn"><i class="glyphicon glyphicon-edit"></i></a> 

Answer 1

1）私はあなたが最初<button class="btn"><i class="glyphicon glyphicon-edit"></i></button>または<a class="btn"><i class="glyphicon glyphicon-edit"></i></a>を使用することをお勧めします。 2.A）$('#btn_id').on('click', function() {}); 2.Bのようにリスナーを追加します）と呼ばれる機能がポップアップ設定が含まれます<button>または<a>タグ

内onClick属性を置く：

2）あなたは、いくつかのオプションを持っています。

Answer 2

<div class="btn">を使用してボタンを開始しますが、</a>で終了するように見えるので、これらの基本的なhtmlタグは互いに一致しません。 <div class="btn">の代わりに<a class="btn" target="_blank" href="#">を使用します。

target="_blank"はGlyphiconが実際に全く新しいウィンドウをポップアップに関連していない、私が知っているから、新しいウィンドウ（タブ）

を開くためにハイパーリンクに設定された属性（<a>タグ）です。それはあなたのページを見栄え良くするためにhtmlに入れることができるちょうどいい見た目のボタンアイコンです。グリフィコンの実際の部分は<i class="glyphicon glyphicon-edit"></i>です。それは単なるアイコンです。

新しいウィンドウがポップアップ、あなたは私が上記の提供、ハイパーリンクの方法を使用することを選択、またはのようなJavaScriptを使用することができ、次のいずれか

var btns = document.getElementsByClassName('btn'); 
btns[0].onclick = function(){ 
    window.open('about:blank'); 
} 

btns[0]は、クラス「BTN」の最初の要素を表しており、 window.open('about:blank')は新しい空白のウィンドウを開きます