Question

有一个javascript和jquery我需要你的帮助：

jQuery的：

 $(document).ready(function () 
    {
        $( '.website' ).popover(
        {
            'trigger'   : 'hover',
            'placement' : 'right'
        });
    });

HTML：

<a href="javascript:void(0)" data-content="http://www.google.com,http://www.yahoo.com" class="website" >Google Website</a>

当我将鼠标悬停在＆＃34; Google网站＆＃34;上时，它会显示这两个网址。对于相同的数据内容，当点击任何URL时，它应该重定向到相应的页面。

以下代码适用于1个网址。但是如何在2个不同的标签中查看2个不同的网址：

$('.website').click(function(e){
 e.preventDefault();
 window.open($(e.target).attr('data-content'), '_blank')
})

请帮忙。

Answer 1

您的网址在data-content属性中以逗号分隔。在那种情况下：

$('.website').click(function(e){
   e.preventDefault();
   $(this).attr('data-content').split(',').forEach(function(url) {
        window.open(url, '_blank');
   });
});

如果您的任何网址中包含实际的逗号，则无效。此外，这可能导致严重的可访问性问题所以我建议你重新考虑一下你在做什么。

点击时多个网址的数据内容

1 个答案: