javascript – 如何构建一个jQuery对话框进行确认(是/否),可以在应用程序的任何地方使用?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何构建一个jQuery对话框进行确认(是/否),可以在应用程序的任何地方使用?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1243字,纯文字阅读大概需要2分钟。
内容图文
![javascript – 如何构建一个jQuery对话框进行确认(是/否),可以在应用程序的任何地方使用?](/upload/InfoBanner/zyjiaocheng/752/b635cd5d9049414ab106f01e46301bda.jpg)
我有以下内容:
<ol id="listItems>
<li id="listItem-1">
<span class="title">Item 1</span>
<span class="delete">delete</span>
</li>
<li id="listItem-2">
<span class="title">Item 2</span>
<span class="delete">delete</span>
</li>
<li id="listItem-3">
<span class="title">Item 3</span>
<span class="delete">delete</span>
</li>
<li id="listItem-4">
<span class="title">Item 4</span>
<span class="delete">delete</span>
</li>
</ol>
我想在这里做的是随时点击.delete,我想显示一个jQuery ui对话框进行确认,是或否….如果用户说是,那么继续删除点击它将被删除的地方今天.
如何构建一个静态的jQuery UI对话框,它可以用于任意数量的列表项?更好,但我的应用程序中的任何东西都可以工作,所以它不仅仅是列表特定的.
想法?谢谢
解决方法:
使用JQuery UI对话框的示例 –
演示 – http://jsfiddle.net/CdwB9/3/
function yesnodialog(button1, button2, element){
var btns = {};
btns[button1] = function(){
element.parents('li').hide();
$(this).dialog("close");
};
btns[button2] = function(){
// Do nothing
$(this).dialog("close");
};
$("<div></div>").dialog({
autoOpen: true,
title: 'Condition',
modal:true,
buttons:btns
});
}
$('.delete').click(function(){
yesnodialog('Yes', 'No', $(this));
})
现场直播 –
演示 – http://jsfiddle.net/CdwB9/4/
$('.delete').live('click', function(){
yesnodialog('Yes', 'No', $(this));
})
内容总结
以上是互联网集市为您收集整理的javascript – 如何构建一个jQuery对话框进行确认(是/否),可以在应用程序的任何地方使用?全部内容,希望文章能够帮你解决javascript – 如何构建一个jQuery对话框进行确认(是/否),可以在应用程序的任何地方使用?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。