jquery - qtip jquery click不调用工具提示内的元素

标签 jquery qtip qtip2

我正在使用 jquery qtip ( http://qtip2.com/ )

它工作得很好,我里面有很多带有类的 div

我正在尝试调用这些 div 上的点击函数

小提示:

 var tipContent = $('#tip-content').html();
    $('#obsglass').qtip({
        content: {
            text: tipContent
        },
        show: {
            effect: function() {
                $(this).fadeTo(500, 1);
            },
            event:'click'
        },
        hide: {
            effect: function() {
                $(this).slideUp();
            },
            event:'click unfocus'

        },
        //show: 'click',
        //hide: 'click unfocus',
        style: {
            classes: 'qtip-bootstrap qtip-shadow',

        },

        position: {
            my: 'center left',  // Position my top left...
            at: 'center right', // at the bottom right of...
            target: $('#obsglass') // my target
        },


    });

点击功能

 $(".obsglass-thumbnail").click(function () {

... 单击工具提示中的 div 时未进入此功能

最佳答案

看起来您的元素已通过插件动态添加到 DOM,请尝试使用 event delegation 这里:

$(document.body).on('click','.obsglass-thumbnail',function() {
    // Your code here
})

关于jquery - qtip jquery click不调用工具提示内的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23562399/

相关文章:

javascript - 将 Jquery 添加到 ASP.Net 创建的元素

javascript - 将鼠标悬停在 IE 中的选择列表(窗口)中的选项上不会生成工具提示

javascript - qTip 文本提示简单插件不起作用

JQuery:removeClass()后单击功能仍然有效

javascript - 单击表会导致多个 ajax 操作使用 jQuery 运行

jQuery 动态 qtip 显示 div,但每次鼠标悬停都会变得越来越慢

javascript - 在 FullCalendar dayClick 上触发 jQuery Qtip

javascript - 如何使用 qTip2 中的语音气泡

javascript - qtip2 气球和 php 表 : different balloon content for each row?

javascript - 重新加载多个数据表的内容