Question

在jQuery mobile中，当用户打开新页面（比如example.html）时，它是否可能

淡入对话框（背景中带有example.html）
3秒后，对话框淡出并
example.html现在可见

我已经设置了对话框，但不知道如何淡入/淡出对话框。

<div data-role="page">
// page
</div>

<div data-role="dialog">
  // dialog box fades in, 3 seconds later, fade out
</div>

Answer 1

使用唯一ID注释页面和对话框，并将类似内容绑定到页面的pageshow事件：

jQuery('#myPageId').bind('pageshow', function() {
    var me = jQuery(this);
    var dialogShown = me.data('dialogShown');
    var dialog = jQuery('#myDialogId');
    if(!dialogShown) {
        me.data('dialogShown', true);
        dialog.one('pageshow', function() {
            setTimeout(function() { window.history.back(); }, '3000');
        });
        jQuery.mobile.changePage(dialog, {transition: 'fade'}); 
    }
});

Answer 2

使用fadeOut方法，您应该能够淡化对话框。然后设置一个计时器，在页面加载后3秒钟调用。

jQuery Mobile关闭对话框并加载不同的页面

2 个答案: