jQuery移动更改指定元素的过渡

Question

I have a index.html. In this side are all sites. Now in my javascript file I have defined that the dafaultPageTransition = "slide" . I have made a popup and changed the transition to pop. That it pop's out with data-transition="pop" , but it still slides.

javascritp

$(document).on('mobileinit', function () {
    // settings
    $.mobile.ignoreContentEnabled = true;
    $.mobile.defaultPageTransition = "slide";
});

html

<a href="#popupBasic" data-rel="popup" data-role="button" data-transition="pop" data-inline="true" data-transition="pop" data-iconpos="notext" data-icon="plus"></a>
<div data-role="popup" id="popupBasic">
    <h1>Add your Pattern</h1>
    <input type="text" alt="pattern" placeholder="Your Pattern">
</div>

Could anyone helps me?

Answer 1

In doc: http://jquerymobile.com/demos/1.2.0/docs/pages/popup/

By default, popups have no transition to make them open as quickly as possible. To set the transition used for a popup, add the data-transition attribute to the link that references the popup. The reverse version of the transition will be used when closing the popup.

<a href="#transitionExample" data-transition="flip" data-rel="popup">
   Flip transition
</a>

In your HTML the tag data-transition is duplicated. Can this be the problem?