$('#button_1').ydialog();
    

    
$('#button_2').ydialog({
    vEvent : 'dblclick',
    simple: true
});
    

    
$('#button_3').ydialog({
    type : 'alert',
    simple : true,
    danger : true,
    dragable : false,
    lock : false,
    content : '这是危险操作，请您确认！'
});
    

    
$('#button_4').ydialog({
    title : '加入回调的弹窗',
    content : '<div style="padding:10px 30px;"><ul style="list-style:
                disc inside none;font-size:12px;line-height:1.8;"><li>
                确定按钮按下执行ok与close回调，返回false阻止弹窗关闭</li>
                <li>取消按钮按下执行cancel与close回调，
                返回false阻止弹窗关闭</li><li>右上角的X
                按下执行close回调，返回false阻止弹窗关闭</li></ul></div>',
    ok : function(){
        alert('你点击了确定按钮，回调返回false，弹窗不会关闭！');
        return false;
    },
    cancel : function(){
        alert('you clicked cancel');
    },
    close : function(){
        alert('dialog will closed');
    }
});
    

    
$('#button_5').ydialog({
    title : '自定义按钮文字',
    simple : true,
    time : 5,
    position : 'absolute',
    okText : 'Click to confirm',
    cancelText : 'Click to cancel',
    content : '这个弹窗拥有自定义按钮文字，并且是绝对定位的，5秒后会自动关闭！'
});
    

    
$('#button_6').ydialog({
    title : '加入init方法的弹窗',
    content : '弹窗出现后会执行init方法，这在需要弹窗同时发送ajax请求并等
                待回调时非常合适。本例在弹窗出现3秒后修改标题，init参数的
                方法中，this指向本弹窗方法的返回对象',
    init: function(){
        var self = this;
        setTimeout(function(){
            self.ytitle('标题已修改');
        }, 3000);
    }
});