gpt4 book ai didi

jquery - 如何使用移动jquery在移动设备中弹出一个对话框而不需要单击事件

转载 作者:行者123 更新时间:2023-12-01 07:58:10 25 4
gpt4 key购买 nike

我已经尝试了一些片段,但有些对我不起作用,可能是我的方法不正确。

它只是显示对话框而不弹出

这是我完成的代码。请有人帮助我。

我在 jsbin.com 编辑器中尝试了这段代码。

<!DOCTYPE html>
<html>
<head>
<link href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>

</head>
<body>

<div id="divid" data-rel="dialog" >
dialog
</div>


</div>


<script>

(function(){

$.mobile.changePage( $('#divid'), { role: 'dialog', transition: 'pop'} );


})();

</script>


</body>
</html>

最佳答案

Note: The dialog widget is deprecated in 1.4 and will be removed in 1.5. The page widget now has the dialog option which, when set to true will apply dialog styling to a page.

从 jQuery Mobile 开始,没有 data-role=dialog,相反,可以通过添加 data-dialog="true" 将页面转换为对话框属性到 page div。

<div data-role="page" data-dialog="true" id="foo">
<div data-role="header" data-close-btn="right">
<h1>Dialog</h1>
</div>
<!-- contents -->
</div>

以编程方式调用它:

$.mobile.pageContainer.pagecontainer("change", "#foo", {
transition: "pop"
});

Demo

关于jquery - 如何使用移动jquery在移动设备中弹出一个对话框而不需要单击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22221993/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com