https://github.com/jtsage/jquery-mobile-simpledialog
http://dev.jtsage.com/jQM-SimpleDialog/
<!DOCTYPE html>
<html>
<head>
<title>simpledialog 插件应用程序</title>
<meta name="viewport" content="width=device-width,
initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />
<link href="Css/jquery.mobile-1.0.1.min.css"
rel="Stylesheet" type="text/css" />
<link href="Css/Css6.6/jquery.mobile.simpledialog.css"
rel="Stylesheet" type="text/css" />
<script src="Js/jquery-1.6.4.js"
type="text/javascript"></script>
<script src="Js/jquery.mobile-1.0.1.js"
type="text/javascript"></script>
<script src="Js/Js6.6/jquery.mobile.simpledialog.js"
type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("li a[data-transition='slideup']").each(function(index) {
$(this).bind("click", function() {
$(this).simpledialog({
'mode': 'bool',
'prompt': '您真的要删除所选择的记录吧？',
'useModal': true,
'buttons': {
'确定 ': {
click: function() {
var $delId = "li" + index;
$("#" + $delId).remove();
}
},
'取消': {
click: function() {
//编写点击取消按钮事件
},
icon: "delete",
theme: "c"
}
}
})
})
})
});
</script>
</head>
<body>
<div data-role="page">
<div data-role="header"><h1>对话框</h1></div>
<div data-role="content">
<ul data-role='listview' data-split-icon="delete" data-split-theme="c">
<li id="li0"><a href="#">图书</a>
<a href="#" data-transition="slideup">删除图书大类</a></li>
<li id="li1"><a href="#">影视</a>
<a href="#" data-transition="slideup">删除影视大类</a></li>
<li id="li2"><a href="#">音乐</a>
<a href="#" data-transition="slideup">删除音乐大类</a></li>
</ul>
</div>
<div data-role="footer"><h4>©2012 rttop.cn studio</h4></div>
</div>
</body>
</html>
相关推荐
本文将深入探讨“简约扁平风格jQuery确认对话框插件”，这是一个高效且设计精良的工具，旨在增强用户体验，为网站或应用程序添加优雅的确认对话框。 首先，我们来理解“确认对话框”的概念。在用户界面设计中，确认...
jquery插件jquery-ui-timepicker-addon.j
本篇文章将详细讲解一个特定的jQuery插件——"jQuery确认对话框插件"，它是JavaScript开发中用于创建模态框和弹出框的一种工具。 在Web应用程序中，确认对话框通常用于在用户执行关键操作（如删除数据或离开页面）...
当我们谈论"jQuery-Mobile-Bootstrap-Theme-master"时，这通常意味着一个项目或资源，它将这两者进行了融合，以便于开发者可以利用两者的优势来创建更为精美的移动界面。 首先，让我们深入了解一下jQuery Mobile。...
使用 `jQuery-Mobile-Bootstrap-Theme`，开发者可以利用 `jQuery Mobile` 的强大功能和 `Bootstrap` 的美观设计，创建出既具有交互性又具有良好视觉效果的移动应用。在 `jQuery-Mobile-Bootstrap-Theme-master` ...
《jQuery Mobile 1.4.2：移动应用开发利器》 在移动互联网飞速发展的今天，jQuery Mobile作为一款强大的前端框架，为开发者提供了构建响应式、触摸友好的移动Web应用程序的强大工具。尤其对于jQuery Mobile 1.4.2...
jQuery打印插件----jQuery.print.js实现网页的打印功能，亲测有效
本主题，"jquery-mobile-theme-174943-0"，是jQuery Mobile众多主题中的一个，它为开发者提供了统一的视觉样式，使得移动应用的设计更加美观和一致。 jQuery Mobile的核心在于其对触控事件的支持和页面结构的简化，...
jQuery dialog对话框插件是jQuery UI库中的一个核心组件，用于创建可自定义的模态或非模态对话框。这个插件提供了丰富的功能，包括拖动、调整大小、自动定位以及多种主题样式，使开发者能够轻松地在网页中添加交互式...
<script src="./public/js/jquery-ui-1.10.3.min.js"> <script src="./public/js/jquery.datepicker-zh-CN.js"></script> <link href="./public/css/jqueryui/jquery-ui-1.10.3.min.css" rel="stylesheet"> $( "#...
**jQuery弹窗对话框插件**是基于JavaScript库jQuery的一款实用工具，主要用于增强网页的用户交互体验。在网页设计和开发中，对话框通常用于显示警告、确认信息、或者进行多步骤操作，而这款插件提供了丰富的功能和...
《jQuery Mobile 1.4.5：移动应用开发的核心组件》 jQuery Mobile 是一个流行的开源框架，专为构建响应式和触控友好的移动Web应用而设计。版本1.4.5是该框架的一个重要里程碑，它提供了丰富的功能和优化，以确保在...
`jDialog`是一款基于jQuery的对话框插件，它提供了丰富的功能和自定义选项，使得创建各种类型的对话框变得简单而直观。 1. **jQuery基础** `jQuery`是一款轻量级的JavaScript库，它简化了DOM操作、事件处理、动画...
《jQuery Mobile 1.0.1：轻量级的移动Web开发框架》 在Web开发领域，jQuery Mobile是一个广泛使用的框架，特别适用于构建响应式、触摸友好的移动应用。本篇将深入探讨jQuery Mobile 1.0.1版本，包括其核心组件`...
《jQuery UI与jQuery插件深度解析——以jquery-ui-1.8.2.custom.min.js为例》 在Web开发领域，jQuery库以其简洁易用的API和强大的功能深受开发者喜爱。而jQuery UI作为jQuery的一个扩展，提供了丰富的用户界面组件...
SweetAlert2是一款强大的jQuery模态对话框插件，它的出现是为了替换浏览器中常见的、功能单一的弹出对话框。在网页交互设计日益丰富的今天，SweetAlert2为开发者提供了更加美观且可定制化的提示信息，提升了用户体验...
jDialog是针对jQuery设计的一款轻量级模态对话框插件。模态对话框在网页应用中常用于提示信息、确认操作或显示详细内容，它可以阻止用户与页面其他部分的交互，直到对话框被关闭。jDialog的特点在于其提供了四种不同...
jQuery插件：警告-确认-提示弹出对话框效果_jquery_alert_dialogsjQuery插件：警告-确认-提示弹出对话框效果_jquery_alert_dialogsjQuery插件：警告-确认-提示弹出对话框效果_jquery_alert_dialogs