我有一个网站日历,其行为类似于预订请求.我有这个在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代码,但是,看起来我需要删除模态数据切换,因为现在它在请求日期后显示两个对话框.
我显然错过了一些东西.
如何动态更改数据目标以便调用第二个对话框?