javascript - 变量保持旧值

Question

每当我第二次单击“#print”按钮时，第一次单击的值会在实际值之前打印出来。

例如：我第一次点击按钮。警报框打印出正确的值（'test1'）。

我第二次点击按钮。警报框打印出第一个值（'test1'），然后我按 OK，然后，警报框打印出第二个值（'test2'）。

任何想法我做错了什么？

$(".ipdate").focus(function() {

    /*$('.dateBox').hide();*/

    var tit = $(this).attr('id');
    /*var full = '#'+tit+'B';*/

    $('#dateBox').show();

    $('#print').on('click', function(){

       var bottle = $('.sday').val()+' '+$('.smon').val()+' '+$('.syear').val();
       $('#'+tit).val(bottle);
       alert(tit);

    });

    $('#close').on('click',function() {

         $('#dateBox').hide(); 

    });    
});

Answer 1

您正在注册多个事件，这就是您看到多个操作的原因！你看见了吗？:) 我也有类似的情况，我花了一段时间才把它们找出来。您可以在发布新事件之前取消注册旧事件。

   $(".ipdate").focus(function() {

        /*$('.dateBox').hide();*/

        var tit = $(this).attr('id');
        /*var full = '#'+tit+'B';*/

        $('#dateBox').show();

        $('#print').off('click');
        $('#print').on('click', function(){

            var bottle = $('.sday').val()+' '+$('.smon').val()+' '+$('.syear').val();
            $('#'+tit).val(bottle);
            alert(tit);

        });

        $('#close').off('click');
        $('#close').on('click',function() {

           $('#dateBox').hide(); 

        });



    });

这应该可以解决您的问题。使用off将注销旧事件。