Javascript 获取引导模式链接的数据属性

Javascript 获取引导模式链接的数据属性,javascript,bootstrap-modal,custom-data-attribute,Javascript,Bootstrap Modal,Custom Data Attribute,我看了很多题目,但我仍然没有答案 情况:我有一个链接可以打开一个模式popin <a class="pointer" data-filtre='non' data-toggle="modal" data-target="#myModalAnnexeDe" > <a class="pointer" data-filtre="oui" data-toggle="modal" data-target="#myModalAnnexeDe" > 警报的结果为“未定义” 我还尝试:

我看了很多题目,但我仍然没有答案

情况:我有一个链接可以打开一个模式popin

<a class="pointer" data-filtre='non' data-toggle="modal" data-target="#myModalAnnexeDe" >
<a class="pointer" data-filtre="oui" data-toggle="modal" data-target="#myModalAnnexeDe" >
警报的结果为“未定义”

我还尝试:

$(event.relatedTarget).attr('data-filtre')
$(event.relatedTarget).data('filtre')
$(event.relatedTarget).data($('a'),'filtre')
$(event.relatedTarget).data(a,'filtre')
$(event.relatedTarget).attr(filtre)
$(event.relatedTarget).attr('filtre')
$(event.relatedTarget).dataset.filtre
$(this).attr("data-filtre")
...
也许还有很多其他人

关于引导文档中的show.bs.modal和event.relatedTarget:

show.bs.modal调用show实例方法时,此事件立即激发。如果是由单击引起的,则单击的元素为 作为事件的relatedTarget属性提供


提前谢谢

它只适用于您的代码。首先检查jQuery版本与引导版本的兼容性

为了便于参考,我还提供了工作代码,对代码进行了简单的修改,如标记完成,并添加了引导模式和jquery链接

$('myModalAnnexeDe').on('show.bs.modal',函数(事件){
var filter=$(event.relatedTarget.attr('data-filter');
警报($(event.relatedTarget.attr(“数据过滤器”));
如果(filter=='oui'){
$('.notform').hide();
}
});

不
是的
&时代;
模态头
模态中的一些文本

接近
我又做了很多尝试,但仍然无法处理show.bs.modal事件

所以我就这么做了

$('.lienfiltre').on('click', function (){
  if($(this).attr('data-filtre') === 'oui'){
     $('.notform').hide();
  }
});
现在它开始工作了。
ty

仍然相同:警报($(this).attr(“数据过滤器”);=>未定义的警报($this);给了我一个js对象。我觉得上面显示的代码中没有任何错误。请看看这个@Vincent,您可以使用简单的JavaScript方法来获取属性值。。。e、 relatedTarget.getAttribute('data-filtre')。。。它会给你价值。
$('.lienfiltre').on('click', function (){
  if($(this).attr('data-filtre') === 'oui'){
     $('.notform').hide();
  }
});