Question

下面的脚本包含Perl，jQuery和HTML：

my %data = ( 1 => "http://www.google.com" , 2 => "http://www.yahoo.com" );

foreach my $website (values %data) {
    <a href="javascript:void(0)" data-content="$data->{$website}" class="website">Website</a>
}

<script type="text/javascript">
jQuery(document).ready(function () {
    $ = jQuery,
    $( '.website' ).popover({
        'trigger'   : 'hover',
        'placement' : 'right'
    });
});
</script>

当我将鼠标悬停在“网站”上时，会显示2个网址“http://www.google.com”和“http://www.yahoo.com”。

但我想要的是 - 当我点击“网站”时，它应该显示两个网址，然后当我点击任何网址时，它应该在新标签页中打开。由于我是jQuery的新手，有谁可以帮助我如何做到这一点？

提前致谢。

Answer 1

所以我觉得你想要this之类的东西？如果是这样，那么您的代码只需要更新如下：

my %data = ( 1 => "http://www.google.com" , 2 => "http://www.yahoo.com" );

<a href="#" id="popover" data-title="Websites">
    Click me!
</a>

<div id="popoverTemplate" class="collapse">
    foreach my $website (values %data) {
        <a href="$data->{$website}" target="_blank">$data->{$website}</a>
    }
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $("#popover").popover({
            html : true, 
            content: function() {
                  return $("#popoverTemplate").html();
            }
        });
    });
</script>

这基本上使用链接作为弹出窗口的源，然后使用包含站点列表作为内容的HTML模板。

使用jQuery查看多个URL

1 个答案: