Question

我发现了一个希望修改的脚本希望在页面加载时出现Click FIRST和Click SECOND 但是当点击集合中的其他元素时仍然隐藏，需要帮助

$(document).ready(function () {
$('.set').each(function () {
        $('a[title]', this).qtip({
            position: {
                at: 'bottom center',
                my: 'top center'
            },
            show: 'click',
            hide: {
                event: 'click',
                target: $('a[title]', this)
            }
        });
    });
});

http://jsfiddle.net/ADER8/132/

谢谢！

Answer 1

您可以简化配置，不需要使用.each来设置qtip，它将使用上下文锚点的标题。另外，在你的小提琴中，你与qtip的夜间构建相关联，这似乎非常不稳定，api shortcuts methods似乎没有起作用。链接到stable release后，它正在使用以下代码：

// Create the tooltips only when document ready
$(document).ready(function () {

    // First tooltip config
    $('.set a[title]').qtip({
        position: {
            at: 'bottom center',
            my: 'top center'
        },
        show: 'click',
        hide: 'click'
    })
    .click(function() {
        // Hide all tooltips in set except the one that was just clicked
        $(this).closest('.set').find('a[title]').not(this).qtip('hide');
    });

    // Show the first tooltip of each set
    $('.set').find('a[title]:first').qtip('show');

});

jsFiddle Demo

在页面加载时加载qtip

1 个答案: