如何动态更改引导模式数据目标点击

我有一个网站日历，其作用类似于预订请求。 我在 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

我还尝试保留绑定/取消绑定代码，但是，看起来我需要删除模式数据切换，因为现在它在请求日期后显示两个对话框。

我显然错过了一些东西。

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

我知道这已经很旧了，所以我希望这一切都是正确的。

我相信我已经通过从请求 modalDialog1 中获取 id 来获取上面的日期元素来解决这个问题。

如果请求成功，则 css 和 click 事件将被更改。

var dateElement = $("#" + $("#modalDialog1").data("id"));
dateElement.removeClass("NotReceived");
dateElement.unbind('click');

然后设置新的css和目标

dateElement.addClass("Requested");
dateElement("target", "#modalDialog2");

然后将click事件绑定到一个新函数来显示dialog2

dateElement.bind('click', PromptDialog2Function);