Как изменить переход форм Ajax в jQuery Mobile?

Question

Есть ли способ изменить переход форм Ajax в мобильном телефоне jQuery? На данный момент, когда я отправляю форму, если проверка (на стороне сервера) прошла успешно, она перемещается на «страницу успеха», это нормально, но если форма недействительна, она перемещается в ту же форму с ошибками полей… Это своего рода странно :) Хотелось бы, чтобы вместо этого оно исчезло ...

Я знаю, что могу переопределить отправку AJAX, но лучше, хотя ...

* Редактировать *

Я обнаружил, что мы можем переопределить тип перехода по умолчанию, поэтому я думаю, что могу сделать это с параметром перехода по умолчанию, установленным на 'fade', и указать переход для других ссылок, но он не работает, вот код, не уверен, что не так ...

<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script type="text/javascript" src="/assets/js/mobile/custom.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>

in custom.js

$(document).live("mobileinit", function(){
    $.mobile.defaultTransition: 'fade'
});

Нет ошибок, ни 404.

Answer 1

Предположительно, вы можете добавить атрибут data-transition к тегу формы, например:

<form method="post" data-transition="fade" action="/awesomeness">
  ...

Но я пока не видел, как он работает эффективно.

ИСПРАВЛЕНО

Хорошо, я отправил запрос на исправление на github, но вам нужно изменить исходный код jQuery Mobile:

line 2159 of the alpha-3 release:
    $.mobile.changePage({
            url: url,
            type: type,
            data: $(this).serialize()
        },
        $(this).attr('data-transition'),  // this used to be *undefined* just like the next parameter
        undefined,
        true
    );

, тогда вы можете просто использовать data-transition="fade" в своем теге формы.

Answer 2

Я просто использую data-transition = "none", и это похоже на работу.Может быть, это то, что было исправлено.Я использую 1.0a4.1