2

我正在使用 twiiter-bootstrap 的工具提示，我想触发一个 ajax 请求，或者在工具提示关闭时说一个警报框。jQuery代码是：

$(document).ready(function(){
        $('#explore').tooltip({
                content : "hi there",
                placement : 'bottom',
    });
});

我还尝试了其他插件，例如 jquery 的工具提示和 craigworks 的qtip，但我无法找到在工具提示关闭时触发回调的方法。

即使工具提示不能支持这一点，我可以使用引导程序的弹出窗口或其他一些解决方法吗？

我想要实现的是： 我有一个带有按钮的 div。如果用户单击该按钮，按钮旁边会出现一个小对话框，询问其他信息。用户可以 (1) 忽略它并单击屏幕上的任何其他位置以关闭对话框 (2) 通过单击“关闭”按钮关闭对话框 (3) 提交问题的答案以关闭对话框

在所有 3 种情况下，我希望将 div 替换为另一个 ajax 获取的内容。如果工具提示有回调，那就太好了。

4

2 回答 2

0

似乎没有本地方法可以通过 执行此操作.tooltip，但您可以选择触发工具提示显示的内容，以便您可以将自己的事件绑定到相反的事件。默认（您正在使用的）是'hover'：

$("#explore").tooltip().on('mouseout', function () { alert('left tooltip'); });
于 2013-01-07T16:12:29.570 回答
0

我能够使用 Craig 的qtip使用events插件的属性来解决这个问题：

$(document).ready(function(){
    $('.overlay-seen-it').qtip({
        overwrite: false,
        content: {
        text: "Hi there"
        },
        show: {
        event: 'click',
        solo: true
        },
        hide:{
        event: 'unfocus'
        },
        events:{
            hide: function(event, api){
            var movie=api.elements.target.closest('.movie');
                movie.fadeOut(500, function(){
                    $.get('reco_product_stream.jsp?type=replace', function(data) {
                        var $a = $(data).find('a'); 
                        movie.children('a').replaceWith($a);
                        movie.fadeIn(500);
                    });             
                });                     
            }
        }
    });
});

events:hide当 qtip 关闭时，属性中列出的任何函数都会触发。克雷格在这里解决。

于 2013-01-09T05:51:52.723 回答