【问题标题】:reusing modal fires multiple times多次重用模态触发
【发布时间】:2015-09-02 06:16:19
【问题描述】:

我正在使用 twitter 引导模式插件。来自模态的提交将数据提交到服务器。

由于某种原因,当我多次打开并提交模式时,提交的触发次数与之前打开模式的次数一样多。

因此,如果我连续单击“更新”。编辑并保存,它会触发一次,因为这是第一次尝试。 如果我然后单击第二行的“更新”。编辑并保存,它会触发两次。 第 3 次触发 3 次,4 次触发 4 次。以此类推。

我这几天一直在尝试解决这个问题,但一无所获。一些指导会让我永远感激不尽。

【问题讨论】:

  • 您很可能会在点击时绑定事件,而这些事件应该在加载时绑定,请发布您的代码以便更正。
  • 一些示例代码将有助于理解发生了什么。
  • @Duopixel 您应该将其添加为答案,因为它不能是其他任何东西

标签: javascript twitter-bootstrap modal-dialog


【解决方案1】:

这就是我解决此问题的方法:

我在<script> 标记之后有一个全局变量delete_id=0 来存储我要删除的ID(这可以是动态的以使用服务器端脚本)。我还在模态 HTML 中为 Delete 按钮添加了 ID myModalAction

我是这样调用模态的:

$('.delete_row').click(function (){
    delete_id = $(this).attr('id');
    $('#myModal').modal();
});

对于myModalAction

$('#myModalAction').click(function(e){
    $('#'+delete_id).remove();
    $('#myModal').modal('hide');
});

完整的工作代码可以在here找到。

【讨论】:

    猜你喜欢
    • 2015-05-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-12-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多