在所有浏览器中“对象不支持属性或方法'ajaxSubmit'”[重复]答案

【问题标题】：In all browsers "Object doesn't support property or method 'ajaxSubmit'" [duplicate]在所有浏览器中“对象不支持属性或方法'ajaxSubmit'”[重复]
【发布时间】：2014-01-13 19:28:48
【问题描述】：

我得到了以下代码，但它总是给我一个错误，说“对象不支持属性或方法'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>

HTML：

 <form id="FORM_ImageUpload" method="post" action="~/Async/UploadImage">
    <input type="file" value="Post" id="INPUT_Upload">
    <img src="~/Images/button_add_pictures.jpg" id="BTN_Upload" class="ProfileButton" />
 </form>

【问题讨论】：

不是重复的，插件网站里的场景我用过，用对了。
你确定jquery.form.js 加载成功了吗？我的意思是没有 404 错误
我设法通过调试工具找到了它。当我使用插件的在线副本加载它时发生了同样的情况。
试试这个alert($('#FORM_ImageUpload').ajaxForm);。它会发出什么警报？
您的表单标记是什么样的？这种错误意味着#FORM_ImageUpload 不是正确的形式。

标签： javascript jquery forms jquery-forms-plugin

【解决方案1】：

当我遇到某些事情不起作用并且我无法理解原因的情况时，我通常会编写所需的最低限度的有效代码。然后我越来越多地添加代码，直到它停止工作。这就是我在代码中找到问题所在的方式。

这是应该工作的最少代码：

<!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>

它会提醒ajaxSubmit 方法的源代码。您可以添加部分代码，直到它提醒 undefined，然后您会发现它为什么不起作用。

我总是使用这种方法。

希望对你有帮助！

【讨论】：

我明白，但这正是我的问题。即使是赤裸裸的发射也给我带来了不确定性。无论我如何尝试，我都无法理解为什么它是未定义的。

【解决方案2】：

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

总结一下：如果你已经链接了两次 jquery jquery-form 将不起作用。

【讨论】：