【问题标题】:Target blank opens link in the same tab when inside a modal在模态框内时,目标空白在同一选项卡中打开链接
【发布时间】:2015-04-14 21:09:20
【问题描述】:

我正在使用引导模式向用户显示一些文本。模式有一个按钮可以转到内容的“可打印版本”。我希望这个链接在新窗口中打开,所以我使用target="_blank" 属性。

问题是链接在同一个选项卡中打开。它充当_self 目标。

我正在使用 Zend 框架。

a 标签的代码是:

$this->view->actions = array(array(
            'tag' => 'a'
            , 'label' => 'Versão para impressão'
            , 'attrs' => array(
                'href' => BASE_URL. '/corporativo/index/termos?layout=print', 
                'class' => 'btn btn-primary btn-print', 
                'target' => '_blank'
            )
        ));

它生成以下html代码:

<a href="http://localhost/corporativo/index/termos?layout=print" class="btn btn-primary btn-print" target="_blank">Versão para impressão</a>

任何人都知道为什么会发生这种情况以及解决此问题的方法吗?

谢谢!

【问题讨论】:

  • Modal 基本上是指弹出窗口,对吧?我想你遇到了一个浏览器安全功能来防止弹出窗口生成更多的弹出窗口。
  • 对不起。我的意思是:getbootstrap.com/javascript/#modals

标签: php html twitter-bootstrap zend-framework


【解决方案1】:

一定是浏览器设置有问题。 HTML 代码工作正常,链接在新窗口中正确打开。

【讨论】:

  • 我在 Chrome、Mozilla Firefox 和 IE 中进行了测试。所有浏览器都有相同的行为。我需要改变什么来解决这个问题?
  • 可能是防病毒软件阻止了这一点,因为您的 target="_blank" 语法没问题,并且它必须在所有浏览器中都能正常工作。
【解决方案2】:

我将发布我是如何解决这个问题的,作为有相同问题的人的参考。

基本上,我删除了target 属性并添加了一个onclick,其中包含window.open 函数。对于这种特定情况,这将类似于通常的 target="_blank" 标记。

代码变成了这样:

$this->view->actions = array(array(
            'tag' => 'a', 
            'label' => 'Versão para impressão', 
            'attrs' => array(
                'class' => 'btn btn-primary btn-print', 
                'onclick' => "window.open('".BASE_URL. '/corporativo/index/termos?layout=print'."');"
                )
        ));

生成此 html 代码:

<a class="btn btn-primary btn-print" onclick="window.open('http://localhost/corporativo/index/termos?layout=print');">Versão para impressão</a>

效果很好。

感谢您的帮助。

【讨论】:

    【解决方案3】:

    无需添加任何 javascript 代码,只需将属性添加到锚标记 { data-skip="" }。

    <a  data-skip="" target='_blank' href="some link"> your link text </a>.
    

    它将完美运行。

    【讨论】:

      猜你喜欢
      • 2016-03-26
      • 1970-01-01
      • 1970-01-01
      • 2012-06-20
      • 1970-01-01
      • 1970-01-01
      • 2017-01-05
      • 1970-01-01
      • 2017-04-23
      相关资源
      最近更新 更多