javascript - jQuery 单击事件在第一次单击时不起作用

Question

我在我的页面上使用了代码。像这样:

$('#language_id').change(function () {
    var urli = 'https://example.com/php/get_arch.php?language_id=' + language_id;
    $.ajax({
      type: "GET",
      url: urli,
      dataType: 'json',
      success: function(response){
        var options = '';
        $.each(response.archs, function() {
            options += '<option value="' + this.arch_id + '">' + this.name + '</option>';
        });
        $('#arch_id').html('<option value="0">- ' + selachitecture + ' -</option>'+options);
        $('#arch_id').attr('disabled', false);
      }
    });
});

$('#arch_id').change(function(){
var version_id = $('#version_id :selected').val();
    $('#selectBoxInfo').load('https://example.com/dl.php?fileName=' + arch_id + "&lang=" + lang);
    return(false);
});
$('body').on('click', '.buttond a', function() { 
    alert("new link clicked!");
    $("a").removeAttr("onclick");
});

我解释一下我的代码:当选择一个选项时，它将创建一个“下载”按钮。该按钮由 Ajax 加载。我不希望此按钮弹出功能。所以，我试图阻止这个按钮打开弹出窗口。问题是:第一次点击按钮时，我的 JavaScript 无法工作。它仅在第二次单击时有效。

我不知道这里有问题。我使用“on”来监听所有事件。

Answer 1

用此代码替换您的代码..

    $('#selectBoxInfo')
      .load('https://example.com/dl.php?fileName=' + arch_id+"&lang="+lang
      ,function(){
        $("a").removeAttr("onclick");
      }
     );