代码之家 › 专栏 › 技术社区 › Nancy

锚标记href在firefox中不起作用,但在chrome中可以正常工作

href anchor click firefox angular

-1

Nancy · 技术社区 · 6 年前

我有下面的代码打开一个新的标签链接。这段代码在Chrome浏览器中运行良好,但在Firefox中不起作用,在google中搜索后,我发现锚定标记不应该直接包含在按钮中,所以我放置了一个div标记来包含锚定标记,但它仍然不起作用。

<button type="button" (click)="getDirection(m.geometry.location.lat,m.geometry.location.lng)"  class="waves-effect waves-light btn directions"> 
         <div>
          <a href="https://www.google.com/maps/dir/?api=1&origin={{srcOriginLat}},{{srcOriginLng}}&destination={{srcDestinationLat}},{{srcDestinationLng}}&travelmode=driving" target='_blank'>{{'directions' | translate}} </a>
         </div>  
         </button>

1 回复 | 直到 6 年前

Nancy 6 年前

我去掉了按钮标签,直接把href放在div中,效果很好。

 <div (click)="getDirection(m.geometry.location.lat,m.geometry.location.lng)" class="waves-effect waves-light btn directions">
              <a href="https://www.google.com/maps/dir/?api=1&origin={{srcOriginLat}},{{srcOriginLng}}&destination={{srcDestinationLat}},{{srcDestinationLng}}&travelmode=driving"
                target='_blank'>{{'directions' | translate}} </a>
            </div>

推荐文章

Joshua Goh · 如何在google webapp中放置指向多个页面的链接

2 年前

Hamed Baziyad sagar pagare · 单击Selenium+Python无法滚动到视图中的链接的方式是什么?

6 年前

jeongho · 如何在Javascript中动态添加href参数

6 年前

Enes AKSU · Wordpress php href语法错误[已关闭]

7 年前

ION · 如何使用DOM单击或触发

7 年前

Helge Wadewitz · Slick slider-基于URL更新当前幻灯片

7 年前

Yannick Gijsbers · url在服务器上不起作用,但在本地主机上起作用

7 年前

thomascoolminecraftplayer555 · 错误:SQLSTATE[42S22]:未找到列:“where子句”中的1054未知列“rowid”

7 年前

Nate Anderson · 内容安全策略时mailto href inside frame不工作

7 年前

Tlink · 正则表达式从</a> 诸如此类

7 年前