Question

在我运行这段代码之后，我对jQuery表现得很奇怪感到非常困惑：

$('#importUsers').on('click', function() {
        var data = {};
        data.string = $('[name="manuelni"]').val();
        if(data.string!=''){
        $('#importUsers').prop('disabled', true);
        $('#importUsersFile').prop('disabled', true);
        $('[for="fileToUpload"]').prop('disabled', true);
        $.ajax({
            url: 'import.php', // point to server-side PHP script
            dataType: 'JSON',  // what to expect back from the PHP script, if anything
            data: data,
            type: 'post',
            beforeSend: function(){
                $('#opacity').addClass('overlay-div');
                $('#pureMagic').addClass('magic-div');
                $("#fileToUpload").removeAttr('type');
            },
            success: function(php_script_response){
                // display response from the PHP script, if any
            }
        });
        }
    });

它说

未捕获的SyntaxError：无效或意外的令牌

在这一部分：

$('#importUsers').prop('disabled', true);
$('#importUsersFile').prop('disabled', true);
$('[for="fileToUpload"]').prop('disabled', true);

加载页面后立即执行。所以我不点击ID为“importUsers”的按钮。我试过这个：

$('#importUsers').attr('disabled', true);
$('#importUsersFile').attr('disabled', true);
$('[for="fileToUpload"]').attr('disabled', true);

此：

$('#importUsers').attr('disabled', 'disabled');
$('#importUsersFile').attr('disabled', 'disabled');
$('[for="fileToUpload"]').attr('disabled', 'disabled');

而且：

$('#importUsers').prop('disabled', 'disabled');
$('#importUsersFile').prop('disabled', 'disabled');
$('[for="fileToUpload"]').prop('disabled', 'disabled');

所有这些选定的元素都是常规按钮，在尝试禁用时不会出现问题。我正在使用jQuery v1.12.0。有什么建议吗？

Answer 1

您的代码中看起来有不可打印的字符，删除屏幕截图中显示的行中的最后一个字符，您应该没问题

Answer 2

以下代码对我有用

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('#importUsers').on('click', function() {              
            $('#importUsers').prop('disabled', true);
        });
});
</script>

<强> HTML

 <input type='button' id = 'importUsers' name='importUsers' Value='Import Users'>

当按钮被禁用时，jQuery会抛出错误

2 个答案: