我有一个网站日历,其作用类似于预订请求。
我在 Bootstrap 2x 中可以使用此功能,但已将应用程序转换为 3.0。一切似乎都正常,但我试图找出如何动态更改数据目标。
如果日期可用,日历中的一天可能如下所示:
<div id="20140226" data-id="20140226" class="NotRequested calDay" data-target="#modalDialog1" data-toggle="modal">26</div>
我有一个显示事件,可以提取当天 div 的 id 并设置请求 div 的 id,效果很好。
$('#modalDialog1').on('show.bs.modal', function (e) {
$(e.target).data("id", $(e.relatedTarget).data("id"));
}
在此模式中,按钮发送日期请求,如果成功,则交换 div 的类以显示已请求日期。
这是我的问题:
在 Bootstrap 2x 中,我将取消绑定单击事件,并重新绑定到新的单击事件。
在 Bootstrap 3x 中,我试图更改数据目标。
dateElement.data("target", "#modalDialog2");
当我再次单击此日期时,我收到初始请求对话框“#modalDialog1”而不是#modalDialog2
我还尝试保留绑定/取消绑定代码,但是,看起来我需要删除模式数据切换,因为现在它在请求日期后显示两个对话框。
我显然错过了一些东西。
如何动态更改数据目标以便它调用第二个对话框?