Javascript Android Mozilla无法在新标签页中打开页面

时间:2018-10-11 07:33:27

标签: javascript android html mozilla

因此,我尝试在JS和HTML中制作一个按钮 a 标签,以在默认浏览器Androind中打开新标签,但该标签不起作用

这是我的html和js代码:

HTML

<button  class="btn btn-success a-new-tab" data-href="{{ $url }}">My btn</button>

JS

$(document).ready(function () {
    $('.a-new-tab').on('click', function (event) {
        event.preventDefault();
        window.open($(this).attr('data-href'), '_blank');
        window.focus();
    })
});

请帮助我!

1 个答案:

答案 0 :(得分:0)

我在iPhone / iPad Safari浏览器上遇到了同样的问题,因此以下解决方案对我有用。也许,它也可能对您有帮助。

HTML

<button class="a-new-tab" data-href="https://www.google.com/">My btn</button>

button上单击,我得到data-href,然后将onclick属性设置为同一按钮,并在该属性内打开一个新窗口

$(".a-new-tab").on("click", function () {        
    var url = $(this).attr("data-href");
    $(this).attr( "onclick", "window.open('" + url + "'); return false;" );
});