gpt4 book ai didi

jquery 表单未按预期工作。 ajaxForm 不是一个函数

转载 作者:行者123 更新时间:2023-12-03 22:12:08 24 4
gpt4 key购买 nike

我正在尝试使用jquery表单,但它在控制台中说ajaxForm不是一个函数。jquery.form.js 已正确包含,并且代码位于文档就绪函数中...

这是脚本:

$("#apply-form").ajaxForm({

beforeSend: function()
{
$("#progress").show();
//clear everything
$("#bar").width('0%');
$("#message").html("");
$("#percent").html("0%");
},
uploadProgress: function(event, position, total, percentComplete)
{
$("#bar").width(percentComplete+'%');
$("#percent").html(percentComplete+'%');

},
success: function()
{
$("#bar").width('100%');
$("#percent").html('100%');

},
complete: function(response)
{
$("#message").html("<font color='green'>"+response.responseText+"</font>");
},
error: function()
{
$("#message").html("<font color='red'> ERROR: unable to upload files</font>");

}
});

这是 HTML 表单

<form id="apply-form" enctype="multipart/form-data" method="post" action="">


<table>
<tr><td>CV:</td>
<td>
<input type="file" name="cover">
</td>
</tr>
<tr><td>Cover Letter:</td>
<td>
<input type="file" name="curriculum">
</td>
</tr>
<tr>
<td colspan="2">
<div id="progress">
<div id="bar"></div>
<div id="percent">0%</div >
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div id="message"></div>
</td>
</tr>
</table>
</form>

我正在 codeigniter 中制作网站,并且我有一个包含在每个页面上的标题模板。在头部部分,我按以下顺序包含所有脚本:

<script src="/jobs/public/js/jquery.js"></script>
<script src="/jobs/public/js/jquery.form.js"></script>
<script src="/jobs/public/js/javascript.js"></script>
<link href="/jobs/public/js/jquery-ui-1.10.3.custom/css/custom-theme/jquery-ui-1.10.3.custom.css" rel="stylesheet">
<script src="/jobs/public/js/jquery-ui-1.10.3.custom/js/jquery-1.9.1.js"></script>
<script src="/jobs/public/js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.js"></script>

我也在使用 jQuery UI。这会是问题所在吗?

最佳答案

您正在加载 jQuery 两次。 jQuery 的第二次加载会覆盖第一次加载并破坏所有插件。

<script src="/jobs/public/js/jquery.js"></script>
<script src="/jobs/public/js/jquery.form.js"></script>
...
<script src="/jobs/public/js/jquery-ui-1.10.3.custom/js/jquery-1.9.1.js"></script>

这是第二个 jquery-1.9.1 没有获取 .ajaxForm。使用其中之一。

将表单 jquery 添加到脚本底部

关于jquery 表单未按预期工作。 ajaxForm 不是一个函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18614240/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com