Загружается новый Javascript, но вызывается старый Javascript. MVC

Question

Загружается новый Javascript, но вызывается старый Javascript. MVC

0

У меня есть 3 частичных представления с JS, использующих JQuery в каждом, чтобы опубликовать форму и открыть новое частичное представление при отправке формы.

То, что я нахожу, это то, что при первом запуске JS он работает нормально, но если я затем отправлю сообщение на новую страницу, я вызываю функцию с предыдущей страницы.

Код:

    $('#selector').click(function (e) {
    var actionName = $(this).attr("id")
    e.preventDefault();
    e.stopImmediatePropagation();
    alert("page1 js being called")
    $('#page1Form').submit(function () {
        $.ajax({
            url: 'Dashboard/Page1/',
            data: $(this).serialize(),
            type: 'POST',
            success: function () {
                $.ajax({
                    url: 'Dashboard/LoadPartial',
                    data: { viewName: actionName },
                    type: 'GET',
                    success: function (d) {
                        $('#partial').html(d);
                    }
                });
            },
        });
    });
    $('#page1Form').submit();
});

Второй частичный вид имеет такую же функцию, но только с соответствующими селекторами и т.д., И по какой-то причине предыдущие страницы JS вызывается как alert("page1 js being called") появляется в браузере!

Заранее спасибо.

JM1990 20 нояб. 2013, в 13:32

Источник

0

И где исполнение нового javascript? Он не будет выполняться только потому, что вы загрузите его в браузер. Как вы можете видеть справа, у вас уже есть дубликат
mplungjan 20 нояб. 2013, в 11:54
0

возможный дубликат JQuery в частичном представлении не вызывается
mplungjan 20 нояб. 2013, в 11:54
0

возможный дубликат вызова-a-javascript-function-return-from-an-ajax-response
mplungjan 20 нояб. 2013, в 11:56

Показать ещё 1 комментарий

Теги:

javascript

jquery

model-view-controller

partial-views

1 ответ

Ещё вопросы

И где исполнение нового javascript? Он не будет выполняться только потому, что вы загрузите его в браузер. Как вы можете видеть справа, у вас уже есть дубликат
возможный дубликат JQuery в частичном представлении не вызывается
возможный дубликат вызова-a-javascript-function-return-from-an-ajax-response

Anthony Grist · Answer 1 · 2013-11-20T09-57-00.000Z

Если вы загружаете частичные представления, это означает, что вся страница не обновляется, и в результате уже загруженные сценарии все еще будут там. Вам необходимо удалить обработчики событий, соответствующие содержимому page1 перед добавлением нового содержимого в:

$.ajax({
    url: 'Dashboard/LoadPartial',
    data: {
        viewName: actionName
    },
    type: 'GET',
    success: function (d) {
        $('#selector').off('click'); // remove the click event handler
        $('#page1Form').off('submit'); // remove the submit event handler
        $('#partial').html(d); // add your new content
    }
});

И оцените ajaxed javascript как-нибудь, чтобы он был исполняемым.
Таким образом, # selector.click () обычно является просто навигационной ссылкой, но на этих страницах она изменяется так, что форма может быть отправлена, а затем происходит навигация. Однако, если я в представлении, где # selector.click () должен вести себя как обычно, он все равно пытается выполнить функцию последнего поста и перейти на страницу. Я сделал .off на обработчике кликов, как указано выше, но, похоже, не влияет за пределами этих 3 формы сообщения и навигации по страницам