用qTip2确认工具提示对话框吗?

| 因此,当用户单击删除按钮时,我正在尝试创建一个小的确认对话框(内联,toopltip)。 我想它看起来像这样 (但带有小文本和“确定”和“取消”按钮)。 但是我不是在这里问如何设置样式。 我更喜欢将qTip2用作该工作的插件,但是如果您有更好的选择,我也会这样做。 因此,我将如何启动带有一些中间元素的工具提示,并仅在失去焦点或单击关闭按钮时将其关闭。另外-删除按钮由Ajax加载。 有任何想法吗? 谢谢你,平安!     
已邀请:
使用qTip2很容易。我会给你一个开始,为此请参见我的演示 结果 的HTML
<button id=\"gear\">Gear</button>
<div style=\"display:none;\" id=\"menu\">
    <div class=\"menuitem\">Rename</div><br>
    <div class=\"menuitem\">Duplicate</div><br>
    <div class=\"menuitem\">Delete</div><br>
</div>
的CSS
#gear {
    margin:100px;
}
.menuitem {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 9px;
    margin-bottom: 3px;
    width: 75px;
}
的JavaScript
$(function() {
    $(\"#gear\").button({
        icons: {
            primary: \"ui-icon-gear\",
            secondary: \"ui-icon-triangle-1-s\"
        },
        text: false
    }).qtip({
        content: {
            text: $(\'#menu\')
        },
        show: {
            event: \'click\',
            solo: true,
            modal: true
        },
        style: {
            classes: \'ui-tooltip-dark ui-tooltip-shadow\'
        },
        position: {
            my: \'top center\',
            at: \'bottom center\',
        }
    });
    $(\".menuitem\").button().click(function(){
        alert($(this).text());
    });
});​
为了更好地适应您的需求,请阅读qTip2文档和jQuery UI文档。     

要回复问题请先登录注册