jquery移动更改指定元素的转换

时间:2013-07-12 09:39:09

标签: javascript jquery-mobile

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

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>

有人可以帮助我吗?

1 个答案:

答案 0 :(得分:0)

在doc: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中,标签数据转换是重复的。这可能是问题吗?