1

これを使ってみます

HTML

<div class="company-logo">
    <a class="popup" href="#" data-toggle="popover" data-content="Download den Mazda Case (.pdf)">
        <img src="img/logo/mazda.png" alt="logo">
    </a>
</div>

JS

$(function () {
    var pop_description = $(this).attr("data-content");
    var pop_link = $(this).attr("href");
    var pop_content = '<a href="' + pop_link + '">' + pop_description + '</a>';


    $('.popup').popover({
        placement: 'top',
        html: true,
        content: pop_description
    });

});

しかし、それは間違っています。私は未定義です。ポップオーバー コンテンツにリンクを追加したい

4

2 に答える 2

1

「my-popover」というカスタム ポップオーバーを作成できます

HTML

<div class="company-logo">
    <a class="popup" href="#" data-toggle="my-popover" data-content="Download den Mazda Case (.pdf)">
        <img src="img/logo/mazda.png" alt="logo">
    </a>
</div>

JS

$('[data-toggle="my-popover"]').popover({
        'placement': 'top',
        'template':'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div><a href="' + pop_link + '"><div class="popover-content"></div></a></div></div>',
        'html': 'true'
  });
于 2015-04-01T23:35:37.730 に答える
0

なぜこれを試してみませんか？

$(function () {
    var pop_description = $(this).attr("data-content");
    var pop_link = $(this).attr('href','http://example.com');
    var pop_content = '<a href="' + pop_link + '">' + pop_description + '</a>';
alert(pop_content);

    $('.popup').popover({
        placement: 'top',
        html: true,
       // content: pop_description
    });

});

私はあなたがやりたいことをあなたに手に入れているといいのですが？

于 2013-03-06T09:38:17.450 に答える