javascript - 按 "Submit"按钮1次，有几次进入循环

Question

为什么我按下“tail_alertlog_button”按钮多次就会进入循环？

模式窗口在“tail_alertlog_button”按钮上打开，我将其关闭，如此多次。然后，我在此模式窗口中单击“提交”，它会循环 (#modal_NumberLinesAlertLog) 次数与我使用“tail_alertlog_button”按钮打开窗口的次数相同。

   $('.tail_alertlog_button').click(function () {
        console.log('click tail_alertlog button');

        var issure_name = $(this).closest("tr")  
            .find(".issuer")
            .text();

           $('.modal-title').text(issure_name);

        $("#modal_NumberLinesAlertLog").on('click', '#submit', function () {
            console.log('click submit button');

            var NumberLinesAlertLog = document.getElementsByName("NumberLinesAlertLog")[0].value;

            $("#loading").show();

            console.log('show loading from modal_NumberLinesAlertLog');
            console.log(issure_name);
            console.log(NumberLinesAlertLog);
            console.log('before ajax');
            $.ajax({
                type: 'POST',
                async: true,
                url: '/tail_alertlog',
                cache: false,
                data: {
                    'dbname': issure_name,
                    'NumberLines': NumberLinesAlertLog
                },
                success: function (data) {
                    console.log('success', data);
                    $("#loading").fadeOut(100);
                    $('#info_text').text(data);
                    $('#info_text').val("");
                },
                error: function () {
                    console.log('error', arguments);
                }
            });
            console.log('after ajax');
        });
    });

    $('body').on('hidden.bs.modal', '.modal', function () {
        $(this).find('#info_text').text("");
        console.log(this + 'clear modal');
    });

• (index):160点击tail_alertlog按钮
• (索引):209 [对象 HTMLDivElement]清除模态
• (index):160点击tail_alertlog按钮
• (索引):173 点击提交按钮
• (索引):179 显示从 modal_NumberLinesAlertLog 加载
• (索引):180 vm_4testing
• (索引):181 1
• (索引):ajax 之前为 182
• (索引):ajax 后为 203
• (索引):173 点击提交按钮
• (索引):179 显示从 modal_NumberLinesAlertLog 加载
• (索引):180 vm_4testing
• (索引):181 1
• (索引):ajax 之前为 182
• (索引):ajax 后为 203
• (索引):173 点击提交按钮
• (索引):179 显示从 modal_NumberLinesAlertLog 加载
• (索引):180 vm_4testing
• (索引):181 1
• (索引):ajax 之前为 182
• (索引):ajax 后为 203
• (索引):209 [对象 HTMLDivElement]清除模态
• 3(索引):193 成功

Answer 1

我认为模态框永远不会从 DOM 中删除。

您正在添加另一个点击处理程序

$("#modal_NumberLinesAlertLog").on('click', '#submit', function () { ... }

每次

$('.tail_alertlog_button').click(function () { ... }

触发器。