Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导模式中的动态数据属性_Javascript_Jquery_Bootstrap Modal - Fatal编程技术网

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

Javascript 引导模式中的动态数据属性,javascript,jquery,bootstrap-modal,Javascript,Jquery,Bootstrap Modal,我编写了一段代码,用于更改打开引导模式窗口的链接的数据属性。我无法从show.bs.model函数获取修改后的数据属性(由setLink();)提供 我该如何进行?下面的示例始终显示原始数据属性的值(来自setLink()…的第一个数据集,但不显示后面调用的其他值) 注意:模式预览总是在setLink函数之后调用。我调用setLink()然后单击打开的预览链接 <a href="javascript:void(0)" class="preview" data-toggle="modal"

我编写了一段代码,用于更改打开引导模式窗口的链接的数据属性。我无法从
show.bs.model
函数获取修改后的数据属性(由
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>');
});

函数setLink(){
var quotes=新阵列(“比利时葡萄酒沙龙”、“葡萄酒与美食沙龙”、“休伊葡萄酒沙龙”、“葡萄酒与产品生物”、“葡萄酒与产品生物”、“葡萄酒与产品生物美食”、“葡萄酒与产品生物沙龙”、“葡萄酒与产品生物沙龙”、“休伊葡萄酒与美食沙龙”、“休伊葡萄酒与产品生物美食沙龙”,“葡萄酒和美食之路”、“葡萄酒之路”、“葡萄酒之路”、“葡萄酒沙龙之路”),
randno=quotes[Math.floor(Math.random()*quotes.length)];
$('.preview').attr('data-link',randno);
}
$('#preview').on('show.bs.modal',函数(事件)
{
var btn=$(event.relatedTarget),
链路=基站数据(“链路”);
$(this.find('.modal body').html('');
});

好的,jquery dom进程=>我将
btn.data('link');
更改为
btn.attr('data-link');
并且它可以工作