jquery – 设置模态标题

前端之家收集整理的这篇文章主要介绍了jquery – 设置模态标题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有我的模态:

我有我的按钮:

点击按钮后我使用“call-modal”类:

$('.call-modal').on('click',function(e){
    e.preventDefault();
    $('#defaultModal')
    .find('.modal-header > h3').text("Teste").end()            
    .find('.modal-body').load($(this).attr('href')).end()            
    .modal('show');
});

我可以加载内容,但我想使用数据标题设置标题.

知道为什么它不起作用吗?

谢谢

最佳答案
你可以这样做:

$('#defaultModal').on('show.bs.modal',function (event) {
    var button  = $(event.relatedTarget); // Button that triggered the modal 
    var modal       = $(this);
    var title = button.data('title'); alert(title);
    modal.find('.modal-title').text(title)
});

和你的按钮:

小提琴:

http://jsfiddle.net/bhumi/hw154nda/1/

原文链接:https://www.f2er.com/jquery/428817.html

猜你在找的jQuery相关文章