Fatal编程技术网
  • javascript/
  • Javascript 在所有浏览器中“；对象没有'；t支持属性或方法'；ajaxSubmit'&引用；

Javascript 在所有浏览器中“；对象没有'；t支持属性或方法'；ajaxSubmit'&引用；

javascript jquery forms

Javascript 在所有浏览器中“；对象没有'；t支持属性或方法'；ajaxSubmit'&引用；,javascript,jquery,forms,jquery-forms-plugin,Javascript,Jquery,Forms,Jquery Forms Plugin,我得到了下面的一段代码，但它总是给我一个错误，说“对象不支持属性或方法‘ajaxSubmit’”。我不确定我的错误在哪里。。。有人能帮我吗 <script src="/Scripts/jquery.color.js"></script> <script src="/Scripts/jquery.Jcrop.min.js"></script> <script src="/Scripts/jquery.form.js"></scrip

我得到了下面的一段代码，但它总是给我一个错误，说“对象不支持属性或方法‘ajaxSubmit’”。我不确定我的错误在哪里。。。有人能帮我吗

<script src="/Scripts/jquery.color.js"></script>
<script src="/Scripts/jquery.Jcrop.min.js"></script>
<script src="/Scripts/jquery.form.js"></script>
<script>
$(document).ready(function () {
    var wrapper = $('<div/>').css({ height: 0, width: 0, 'overflow': 'hidden' });
    var fileInput = $(':file').wrap(wrapper);
    $('#BTN_Upload').click(function () {
        fileInput.click();
    }).show();
    $("#INPUT_Upload").change(function () {
        var options = {
            target: '#DIV_UploadedImages',
            beforeSubmit: showRequest,
            success: showResponse,
            dataType: "json",
            clearForm: true,
            resetForm: true
        };
        $('#FORM_ImageUpload').ajaxSubmit(options);
    });
});
</script>


$（文档）.ready（函数（）{
var wrapper=$（''）.css（{height:0，width:0，'overflow'：'hidden'}）；
var fileInput=$（':file'）.wrap（包装器）；
$（'#BTN_Upload'）。单击（函数（）{
fileInput.click（）；
}).show（）；
$（“#输入#上传”）。更改（函数（）{
变量选项={
目标：“#DIV#u上传图像”，
提交前：showRequest，
成功：showResponse，
数据类型：“json”，
clearForm：是的，
形式：正确
};
$（'FORM#u ImageUpload'）.ajaxSubmit（可选）；
});
});
HTML:

当我面对某些东西不起作用的情况时，我不明白为什么，我通常会编写一个最低限度的代码。然后我添加越来越多的代码，直到它停止工作。这就是我如何在代码中找到问题的地方

以下是应该运行的最少代码：

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://malsup.github.io/jquery.form.js"></script>
<script>

alert($.fn.ajaxSubmit);

</script>
</head>
<body>

</body>
</html>


警报（$.fn.ajaxSubmit）；
它会提醒源代码使用
ajaxSubmit
方法。您可以添加部分代码，直到它警告
未定义
，然后您将发现它不起作用的原因

我总是用这种方法

希望有帮助

由于我是MVC新手，我完全忘记了MVC会自动将jquery添加到它的设计中，因此我在代码中添加了另一个指向它的链接，这导致了这个问题

总而言之：如果您链接了两次jquery，jquery表单将不起作用。

它不是重复的，我在插件网站中使用了该场景，并且使用正确。您确定jquery.form.js已成功加载吗？我的意思是没有404错误我通过调试工具找到了它。当我用插件的在线副本加载它时也发生了同样的情况。它提醒了什么？您的表单标记是什么样子的？这种错误意味着“FORM#u ImageUpload”不是一种合适的形式。我理解这一点，但这正是我的问题。即使是简单的发射也给了我未定义的信息。无论我如何尝试，我都无法理解为什么它是未定义的。 
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://malsup.github.io/jquery.form.js"></script>
<script>

alert($.fn.ajaxSubmit);

</script>
</head>
<body>

</body>
</html>