按下按钮“ Submit” 1次,然后进入循环

时间:2018-12-29 14:59:11

标签: javascript jquery

为什么我按下“ 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');
    });
  • (索引):160单击tail_alertlog按钮
  • (索引):209 [object HTMLDivElement]清除模式
  • (索引):160单击tail_alertlog按钮
  • (索引):173单击提交按钮
  • (index):179显示从modal_NumberLinesAlertLog加载
  • (索引):180 vm_4testing
  • (索引):181 1
  • (索引):182在ajax之前
  • (索引):ajax之后为203
  • (索引):173单击提交按钮
  • (index):179显示从modal_NumberLinesAlertLog加载
  • (索引):180 vm_4testing
  • (索引):181 1
  • (索引):182在ajax之前
  • (索引):ajax之后为203
  • (索引):173单击提交按钮
  • (index):179显示从modal_NumberLinesAlertLog加载
  • (索引):180 vm_4testing
  • (索引):181 1
  • (索引):182在ajax之前
  • (索引):ajax之后为203
  • (索引):209 [object HTMLDivElement]清除模式
  • 3(索引):193成功

1 个答案:

答案 0 :(得分:1)

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

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

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

每次

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

触发。