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不是函数”

这是我已经尝试过的：

1. 处理javascript库调用的位置
2. 仔细检查是否有javascript / jquery库调用没有冲突

Answer 1

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

您必须在部分视图加载后强制调用该函数。

您正在这样做：

1. 按事件触发（由用户在部分视图中发生）
2. 通过页面的事件触发。
3. 标签中的杂物

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