javascript - 指定元素的jquery mobile更改过渡

Question

我有一个 index.html。在这一边是所有网站。现在在我的 javascript 文件中，我已经定义了dafaultPageTransition = "slide". 我做了一个弹出窗口并将过渡更改为弹出窗口。它弹出了data-transition="pop"，但它仍然滑动。

脚本

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

任何人都可以帮助我吗？

Answer 1

在文档中：http: //jquerymobile.com/demos/1.2.0/docs/pages/popup/

默认情况下，弹出窗口没有使它们尽快打开的过渡。要设置用于弹出窗口的转换，请将 data-transition 属性添加到引用弹出窗口的链接。关闭弹出窗口时将使用转换的反向版本。

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

在您的 HTML 中，标签数据转换是重复的。这可能是问题吗？