小编Pau*_*edy的帖子

如何动态更改bootstrap模态数据 - 目标点击

我有一个网站日历,其行为类似于预订请求.我有这个在Bootstrap 2x工作,但已将应用程序转换为3.0.一切似乎都有效,但我想弄清楚如何动态更改数据目标.

如果日期可用,则日历中的某一天可能如下所示:

<div id="20140226" data-id="20140226" class="NotRequested calDay" data-target="#modalDialog1" data-toggle="modal">26</div>
Run Code Online (Sandbox Code Playgroud)

我有一个show事件,它拉出了day div的id并设置了请求div的id,它工作正常.

$('#modalDialog1').on('show.bs.modal', function (e) { 
    $(e.target).data("id", $(e.relatedTarget).data("id"));
}
Run Code Online (Sandbox Code Playgroud)

在此模式中,按钮发送日期请求,如果成功,则交换div的类以显示已请求日期.

这是我的问题:在Bootstrap 2x中,我将取消绑定click事件,并重新绑定到新的click事件.

在Bootstrap 3x中,我试图更改数据目标.

dateElement.data("target", "#modalDialog2");
Run Code Online (Sandbox Code Playgroud)

当我再次点击这个日期时,我得到了初始请求对话框"#modalDialog1"而不是#modalDialog2

我也尝试保留bind/unbind代码,但是,看起来我需要删除模态数据切换,因为现在它在请求日期后显示两个对话框.

我显然错过了一些东西.

如何动态更改数据目标以便调用第二个对话框?

dialog modal-dialog twitter-bootstrap

5
推荐指数
1
解决办法
6307
查看次数

标签 统计

dialog ×1

modal-dialog ×1

twitter-bootstrap ×1