0

リンクをクリックするとブートストラップ ポップオーバー イメージが表示される JQuery スクリプトがあります。ポップオーバーが機能し、美しい画像が得られますが、多くのレコードがあり、同じ画像が何度も表示され続けます。

私は何を間違っていますか？

ありがとう！

HTML :

<td><a class='smoel_opvragen test' id='resources/img/smoelenboek/1.jpg' target='_blank'>Surname, Firstname</a></td>
<td><a class='smoel_opvragen test' id='resources/img/smoelenboek/3.jpg' target='_blank'>Surname, Firstname</a></td>
<td><a class='smoel_opvragen test' id='resources/img/smoelenboek/4.jpg' target='_blank'>Surname, Firstname</a></td>
<td><a class='smoel_opvragen test' id='resources/img/smoelenboek/5.jpg' target='_blank'>Surname, Firstname</a></td>

JavaScript :

$(function () {
    $(".test").popover({
        title: 'Profielfoto',
        content: "<img src='" + $(".smoel_opvragen").attr("id") + "' width='150px'>",
        html: true
    })
});
4

1 に答える 1

2

構成はアイテムに依存するため、アイテムを反復する必要があると思います。

$(".test").each(function () {
    $(this).popover({
        title: 'Profielfoto',
        content: "<img src='" + this.id + "' width='150px'>",
        html: true
    });
});

さらに、idURL を保存する場所は奇妙です。data-のような属性を使用しますdata-image-url。

于 2013-11-08T15:33:18.193 に答える