如何在jQuery Mobile中创建确认对话框？
在jQuery Mobile中创建确认对话框可以通过使用data-rel="popup"属性和data-transition="pop"属性来实现。下面是一个完整的示例：
<!DOCTYPE html>
<html>
<head>
<title>Confirmation Dialog</title>
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Confirmation Dialog</h1>
</div>
<div data-role="content">
<a href="#confirmationPopup" data-rel="popup" data-position-to="window" data-transition="pop" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">显示确认对话框</a>
<div data-role="popup" id="confirmationPopup" data-overlay-theme="b" data-theme="b" data-dismissible="false" style="max-width:400px;">
<div data-role="header" data-theme="a">
<h1>确认</h1>
</div>
<div role="main" class="ui-content">
<h3 class="ui-title">你确定要执行此操作吗？</h3>
<p>这是一个确认对话框示例。</p>
<a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back">取消</a>
<a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back" data-transition="flow">确认</a>
</div>
</div>
</div>
<div data-role="footer">
<h1>Footer</h1>
</div>
</div>
</body>
</html>在上面的示例中，我们使用了jQuery Mobile的库和样式表。确认对话框是通过一个弹出窗口实现的，当点击"显示确认对话框"按钮时，弹出窗口会显示出来。用户可以选择"取消"或"确认"来关闭对话框。
这个示例中的确认对话框具有以下特点：
- 使用
data-rel="popup"属性将按钮与弹出窗口关联起来。 - 使用
data-transition="pop"属性定义弹出窗口的过渡效果。 - 弹出窗口的内容位于
<div data-role="popup">元素中。 - 弹出窗口的标题位于
<div data-role="header">元素中。 - 弹出窗口的主要内容位于
<div role="main">元素中。 - 弹出窗口的按钮使用
<a>元素表示，通过data-rel="back"属性来关闭对话框。
这是一个简单的确认对话框示例，你可以根据自己的需求进行定制和扩展。如果你想了解更多关于jQuery Mobile的内容，可以访问官方文档。
相关·内容
3回答
我使用的是简单的javascript确认代码：{<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/
浏览 2提问于2012-11-07得票数 1
回答已采纳
我正在制作本地应用程序(用于安卓，IOS，BB10 && BB7)使用jquery-1.8.3.min.js此代码能够显示确认对话框，如下所示
这里我的确认对话框是白色背景，但是我希望这个确认<e
浏览 1提问于2013-09-10得票数 4
1回答
如何在jQuery手机(jQM)中按顺序显示多个对话框？按顺序直接打开两个对话框$.mobile.changePage("#dialog2", "pop");来自jquery UI的i
浏览 1提问于2011-05-03得票数 3
回答已采纳
1回答
我在jquery中有一个确认对话框，弹出并显示一些确认细节。我正在尝试做的是，如果用户单击YES，我希望使用相同的确认对话框，但文本较小，如“请稍候...”或者别的什么。为此，我希望相应地调整我的对话框尺寸(意思是，在用户单击YES之后，我希望我的对话框变小，因为它里面只有一个小文本)。我如何实现这样的事情呢？在用户点击YES后，如何更改对话框的大小？另外，我知道在javascript确认框
浏览 3提问于2012-03-06得票数 3
回答已采纳
2回答
确认对话框到jQuery移动页面上的链接。<!/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
<script type="text/javascript" src="http://co
浏览 0提问于2011-04-27得票数 0
回答已采纳
我需要一个自定义的jquery模式对话框，可以托管任何内容，并从浏览器出来(如果浏览器很小)。应该可以将对话框移动到浏览器之外的任何位置，如警告和确认对话框。我看到的所有对话框都被限制在浏览器上，但是确认导航对话框行为才是我需要的。有可能实现吗？？
浏览 0提问于2012-08-30得票数 0
我在我的应用程序中使用struts2-jquery plugin，我使用它的sj:a组件提交表单。一切正常，直到出现一个要求，我必须在提交表单之前显示一个确认对话框。我正在使用jquery.alert plugin来显示确认对话框。问题是，在此jconfirm对话框中没有阻塞，会显示jconfirm消息，但事件会继续执行。关于如何在用户单击确认对话框之前停止执行beforesubmit事件，您有什么
浏览 1提问于2012-06-07得票数 1
回答已采纳
您可以使用对话框框返回javascript中的变量，如：var shouldIngest = false; //do some things... //do something else...我想使用，这样我就可以定制/样式确认框了一点如何在<
浏览 7提问于2015-12-18得票数 2
回答已采纳
我们是否可以用定制的对话框(如jquery对话框)覆盖页面，留下确认对话框？变量v_leavemsg =“您确实要离开页面吗？”；window.onbeforeunload = confirmExit；函数confirmExit() {//自定义对话框函数调用
f_customdialog(v_leavemsg我们可以在这里使用JQUERY对话框中<
浏览 3提问于2016-04-08得票数 0
我真的不知道如何在ASP.NET MVC中进行模式对话:情况如下:在我的home/index操作方法中，我检查用户是否已经接受了这些条款和条件。如果没有，我希望显示一个对话框来提示用户进行确认。现在，我真的不知道如何在MVC中处理这个问题:我看到的可能性：
将TaCConfirmNeeded属性存储在ViewBag中，在我的视图中请注意，view袋包含此令牌，显示带有表单的jquery模式对话框以确认术
浏览 0提问于2018-06-19得票数 0
回答已采纳
1回答
有许多例子，如何提交后，单击确认对话框上的确定按钮，但我无法使它工作。pull-right extendpackage" type="submit" name="submit" value="Subscribe">如果用户单击提交按钮或提交表单，我将使用进行对话框
浏览 3提问于2015-11-08得票数 2
回答已采纳
我有一个标题与几个图标，我想显示一个气泡计数在一个图标，如徽章图标与通知计数动态。我们如何在jquery mobile中做到这一点？我在jquery mobile中搜索气泡计数，但目前在列表视图中可用，但我想将计数显示在右上角的图标中，如iOS通知计数。找到需要在jquery mobile中实现的徽章图标的以下参考url：
浏览 0提问于2012-10-04得票数 6
回答已采纳
1回答
假设我有一个带有隐藏提交按钮的表单，并在其中输入值，然后单击一个按钮，对话框将显示确认消息和确认按钮。单击“确认”按钮时，还单击表单中隐藏的“提交”按钮。这是可能的吗?我如何在JQuery中实现它？
浏览 5提问于2014-10-21得票数 0
回答已采纳
我正在尝试使用jQuery-UI的对话框创建一个附加到链接的确认对话框，但它不起作用，而且jQuery-UI主页上的对话框似乎缺少相关文档。我想要显示一个对话框，解释将对用户可能需要的任何额外数据采取什么操作，并在单击链接时要求确认，但一旦创建对话框，它就会“窃取”链接中的文本，并且不会留下任何内容供用户单击。有谁知道如何做我正在尝试的事情，或者至少知道一个更好的jQuer
浏览 2提问于2011-03-15得票数 0
回答已采纳
我正在尝试创建一个jquery移动对话框页面，但是当我加载它时，它是一个经典页面，即使我包含了属性对话框，它也不是一个对话框。错误在哪里？
<link rel="stylesheet" href="http://code.jquery.com/mobile
浏览 1提问于2012-02-16得票数 2
我希望在用户单击按钮时显示确认对话框(而不是纯javascript)，但我更希望将其嵌入，而不是引用另一个页面。
如何在jQuery移动页面上嵌入对话框以供使用？
浏览 0提问于2011-06-30得票数 7
回答已采纳
我正在尝试创建一个jQuery移动应用程序，它将有一个授权页面，(即一个jqm对话框与文本输入和提交按钮，其中用户将输入他们的用户名，这将检查从解析的用户/访问权限列表，如果访问被授予，该对话框将被删除我意识到我离那个阶段还有很长一段路要走，但在那一刻，我已经使用了空白模式的simpledialog2插件创建了一个我想要的对话框外观的模型，我打算将其扩展到一个功能齐全的模块中。我尝试使用中描述的Button w. Input Mode
浏览 3提问于2012-03-07得票数 3
我最近接到了一个任务，当我按下按钮时，我需要在jQuery手机对话中打开相关数据。考虑到对话框包含表格列表，表格列表中的每一行都包含按钮，所以当我单击按钮时，我们需要加载另一个对话框，其中包含当前对话框中的一些相关信息。
对话框在jquery mobile中是一个链接的对话框。在这里，我想知道如何在单击锚点按钮或普通按钮时将数据从主页发送到对话框
浏览 0提问于2013-02-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
