Как установить кнопку glyphicon для открытия нового всплывающего окна

Question

У меня возникли проблемы с установкой этой кнопки, чтобы открыть новое окно. Обратите внимание, что я использую кнопку glyphicon. Я знаю, что использовать $ window как упоминание в 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) У вас есть несколько вариантов: 2.а) Добавить слушатель как $('#btn_id').on('click', function() {}); 2.b) положенного атрибут onClick внутри <button> или <a> тега

Вызванная функция будет содержать всплывающую конфигурацию ,

Answer 2

Похоже, вы начинаете кнопку с помощью <div class="btn">, но заканчиваете ее </a>, поэтому эти основные теги html не совпадают друг с другом. Я бы использовал <a class="btn" target="_blank" href="#"> для замены <div class="btn">.

target="_blank" является набор атрибутов для гиперссылка (<a> тега), чтобы открыть новое окно (вкладка)

Из того, что я знаю, Glyphicon на самом деле не связан с выскочит новое окно на всех. Это просто красивые иконки кнопок, которые вы можете добавить в html, чтобы страница выглядела лучше. Фактическая часть Glyphicon - <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') открывает новое пустое окно