Question

我有多个Bootstrap弹出窗口，需要包含一个与被点击的弹出窗口对应的图像。我正在尝试设置jQuery获取popover链接的id并使用id作为文件名创建img src。我得到了它的部分工作 - 现在，它正在创建img src，但它只显示asset/popprev-piruli.jpg所有的弹出窗口，而不是asset/popprev-piruli.jpg，asset/popprev-italiano.jpg和asset/popprev-salsa.jpg ..

HTML：

<a id="popprev-piruli" class="btn btn-link" rel="popover" data-content="" title="Preview of Piruli" >Preview</a>
<a id="popprev-italiano" class="btn btn-link" rel="popover" data-content="" title="Preview of Italiano" >Preview</a>
<a id="popprev-salsa" class="btn btn-link" rel="popover" data-content="" title="Preview of Salsa" >Preview</a>

jQuery的：

$('a[id^="popprev"]').each(function(){
      imgurl = $(this).attr("id");
      var imagepopover = '<img src="/assets/'+imgurl+'.jpg" />';
      $('a[id^="popprev"]').popover({placement: 'bottom', content: imagepopover, html: true,});
     });

使用id来创建带有jQuery的img src（使用img填充Bootstrap popover）

0 个答案: