jQuery Form library not work in partial view

Question

The following code work fine in regular View but not in partial view

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

I've got a error "$(...).ajaxform is not a function"

Here what i already tried:

manipulating with position of javascript libraries calls
double check that there is no conflicts of javascript/jquery library calls

shdr · Accepted Answer · 2017-10-26 09:18:04Z

1

Partial view isn't loaded when the page loads.

You must force that the function called after the partial view loaded.

You are doing it:

by event trigger (that happens by user in the partial view)
by event trigger of the page.
jast in tag

the most elegant ways is the first two option.

answered Oct 26, 2017 at 9:18

shdr

9961 gold badge12 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery Form library not work in partial view

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related