最简单的确认框插件与jquery

easiest confirm box plugin with jquery

本文关键字：jquery 插件 确认 最简单      更新时间：2023-09-26

My html code 

<div id="delete">Delete</div>

我的脚本代码

$(function(){
$("#delete").click(function(){
var decision=decide("Do you really want to delete?");
});
});
function decide(str)
{
$("delete").after(str+'<button onclick="yes()">Yes</button><button onclick="no()">No</button>');
}
function yes(){return 1;}
function no(){return 0;}
目前我的是和否返回 0/1，

但我希望根据否/是从决定函数返回 0/1。

你的代码是异步的。您将无法以这种方式将其分配给decision变量。

换句话说：您的decide函数在用户单击任何按钮之前返回，并且将始终返回undefined 。

无论你想用布尔值做什么，你都必须从那些yes/no函数中做。

下面是如何提供回调的快速示例：

$(function() {
    $("#delete").click(function(){
        decide("Do you really want to delete?", function(result) {            
            alert(result);
        });
        return false;
    });
    function decide(str, callback)
    {
        $('<div>'+str+'<button>Yes</button><button>No</button></div>')
            .insertAfter("#delete")
            .on('click', 'button', function() {
                var result = $(this).text() == 'Yes' ? true : false;
                console.log($(this).text(), result);
                callback(result);
            });
    }
});​

下面是一个演示：http://jsfiddle.net/x2Lf9/

为什么不简单地使用 jquery 插件呢？

尝试即兴

http://trentrichardson.com/Impromptu/

相关文章：