引导模式中的动态数据属性

Question

我编写了一段代码，用于更改打开引导程序模式窗口的链接的数据属性。 我无法从显示的shown.bs.modal函数中获取修改后的数据属性（由setLink(); ）。

我该如何进行？ 下面的示例始终显示原始数据属性的值（来自setLink()第一个数据集......但不是之后调用的其他值）。

注意：模态预览总是在 setLink 函数之后调用。 我打电话给setLink(); 然后我点击打开模态的预览链接。

<a href="javascript:void(0)" class="preview" data-toggle="modal" data-target="#preview" data-link="">Preview</a>

<a href="javascript:void(0)" onclick="setLink()">Change link</a>

function setLink(){
    var quotes = new Array("Salon du vin Belgique", "Salon du vin et gastronomie", "Salon du vin de Huy", "Vins et produits bio", "Dégustation de vins de qualités", "Foire des vins", "Salon du vin et des produits bio", "Foire des vins de Huy", "Salon du vin et de la gastronomie de Huy", "Foire des vins et des produits bio", "Foire des vins et de la gastronomie",  "Découvrir des meilleurs vins de cette année", "Nous sommes présents au salon du vin de Huy"),
        randno = quotes[Math.floor( Math.random() * quotes.length )];

    $('.preview').attr('data-link', randno);
}

$('#preview').on('shown.bs.modal', function(event)
{
    var btn = $(event.relatedTarget),
        link = btn.data('link');

    $(this).find('.modal-body').html('<a href="javascript:void(0);">'+link+'</a>');
});

Answer 1

好的，jquery dom 进程 => 我改变了btn.data('link'); to btn.attr('data-link'); 它工作