Question

我正在使用按钮同时打开ajax html弹出窗口和链接onclick。但问题是我在页面上放了几个按钮，每个按钮我想打开不同的链接任何帮助赞赏

继承人的HTML代码

<a href="test.html" class="ajax-popup-link">
    <button type="button" style="background:green;float:right;">
        Activate
     </button>
</a>

继承人的javascript功能

<script src="../assets/jquery.magnific-popup.js"></script>
<script type="text/javascript">
$(document).ready(function() {
   $('.ajax-popup-link').magnificPopup({
       type: 'ajax',
       overflowY: 'scroll',
       closeOnContentClick: false
    });
    $('.ajax-popup-link').click(function(){
        window.open("/some-link.html");
    });
});</script>

Answer 1

无论如何我已经得到了解决方法这是

<p onclick="window.open('http://google.com', '_new')"><a class="ajax-popup-link" href="test.html" style="top:-10px;left:650px;background:green;text-align:center;height:50px;">ACTIVATE DEAL</a></p>

Answer 2

在click功能中，只需引用href属性，而不是对链接进行硬编码。另外一个好主意是在链接点击时阻止浏览器的默认行为：

$('.ajax-popup-link').click(function(e){
 e.preventDefault();
 window.open($(this).attr("href"));
});

如何使用不同的弹出按钮在新选项卡中打开不同的链接

2 个答案: