Question

我无法设置此按钮以弹出新窗口。请注意，我正在使用glyphicon按钮。我知道在Open links in new window using AngularJS中使用$ window，但我认为它与我的情况不一样。

  <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.a）添加一个像$('#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]代表类＆＃34; btn＆＃34;的第一个元素，window.open('about:blank')打开一个新的空白窗口

如何设置glyphicon按钮以打开新的弹出窗口

2 个答案: