jQuery 表单库在局部视图中不起作用

Question

以下代码在常规视图中工作正常但在局部视图中不工作

<script>
$.noConflict();
var uniqueId = '@Guid.NewGuid().ToString()';
jQuery(document).ready(function ($) {


    console.log(uniqueId);
    $("#Myform input[name='clientId']").val(uniqueId);
    console.log($("#Myform input[name='clientId']").val());

    var bar = $('.progress-bar');
    var percent = $('.percent');
    var status = $('#status');

    $('#Myform').ajaxForm({
        beforeSend: function () {
            status.empty();
            var percentVal = '0%';
            bar.width(percentVal);
            percent.html(percentVal);
            $("#pleaseWaitDialog").modal({ backdrop: 'static', keyboard: false });
            $('#statusBorder').show();

            //$("#pleaseWaitDialog").modal({ backdrop: 'static', keyboard: false });
        },
        uploadProgress: function (event, position, total, percentComplete) {

            var percentVal = percentComplete + '%';
            bar.width(percentVal);
            percent.html(percentVal);
        },
        complete: function (xhr) {
            getStatus();
            status.html(xhr.responseText);
            //$("#pleaseWaitDialog").modal('hide');
        }
    });
});
</script>

我遇到错误 “$(...).ajaxform 不是函数”

这是我已经尝试过的：

使用 javascript 库调用的位置进行操作
仔细检查 javascript/jquery 库调用没有冲突

Answer 1

页面加载时未加载部分视图。

必须强制加载局部视图后调用的函数。

你在做：

通过事件触发器（在局部视图中由用户触发）
通过页面事件触发。
标签中的jast

最优雅的方法是前两个选项。

jQuery 表单库在局部视图中不起作用

jQuery Form library not work in partial view

javascript

jqueryform

asp.net-mvc-4