So legen Sie die Glyphicon-Schaltfläche fest, um ein neues Popup-Fenster zu öffnen

Question

Ich habe Probleme, diese Schaltfläche zu aktivieren, um ein neues Fenster zu öffnen. Beachten Sie, dass ich Glyphicon-Schaltfläche verwende. Ich bin bewusst, $ $ Fenster als Erwähnung in Open links in new window using AngularJS zu verwenden, aber ich denke, es ist nicht ähnlich zu meinem Fall.

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

Answer 1

1) Ich schlage vor, Sie <button class="btn"><i class="glyphicon glyphicon-edit"></i></button> oder <a class="btn"><i class="glyphicon glyphicon-edit"></i></a> zuerst zu verwenden.

2) Sie haben einige Optionen: 2.a) hinzufügen Zuhörer wie $('#btn_id').on('click', function() {}); 2.b) Setzen Sie ein onClick Attribut innerhalb des <button> oder <a> Tag

Die aufgerufene Funktion, die Pop-up-Konfiguration enthalten .

Answer 2

Es sieht aus wie Sie eine Schaltfläche mit <div class="btn"> starten, aber beenden Sie es mit </a>, so dass diese grundlegenden HTML-Tags nicht miteinander übereinstimmen. Ich würde <a class="btn" target="_blank" href="#"> verwenden, um die <div class="btn"> zu ersetzen.

target="_blank" die für Hyper-Link (<a>-Tag) gesetzt Attribut ist ein neues Fenster (Tab)

Von dem, was ich weiß, ist Glyphicon eigentlich nicht zu öffnen, bezogen auf alle neuen Fenster öffnet. Es sind nur ein paar gut aussehende Schaltflächensymbole, die Sie in HTML einfügen können, damit Ihre Seite besser aussieht. Der eigentliche Teil von Glyphicon ist <i class="glyphicon glyphicon-edit"></i>. Es ist nur ein Symbol.

Um ein neues Fenster Pop-up, können Sie wählen, ob sie den Hyperlink Methode, die ich oben bieten verwenden, oder die JavaScript verwenden wie:

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

die btns[0] stellt das erste Element der Klasse „BTN“, und window.open('about:blank') öffnet ein neues leeres Fenster