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>

我收到错误＆＃34; $（...）。ajaxform不是函数＆＃34;

这是我已经尝试过的：

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

Answer 1

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

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

你这样做：

通过事件触发器（用户在局部视图中发生）
通过页面的事件触发器。
jast in tag

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

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

1 个答案: