小编Low*_*der的帖子

设置模态标题

我有我的模态:

<div id="defaultModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal-title" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3 class="modal-title" id="modal-title">Modal Title</h3>
            </div>
            <div class="modal-body" data-table="table" data-id="">
            </div>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我有我的按钮:

<button  href="page.php" data-title="New Data" class='call-modal btn btn-success' > 
    <i class="glyphicon glyphicon-plus"></i>
</button>   
Run Code Online (Sandbox Code Playgroud)

点击按钮后我使用"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');
});
Run Code Online (Sandbox Code Playgroud)

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

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

谢谢

jquery bootstrap-modal

6
推荐指数
1
解决办法
1万
查看次数

标签 统计

bootstrap-modal ×1

jquery ×1