qtip jquery点击不调用工具提示中的元素

Question

我使用jquery qtip（http://qtip2.com/）

它运作良好，我在课程中有很多div

我试图在这些div上调用点击功能

qtip：

 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时不输入此功能

Answer 1

看起来您的元素已被插件动态添加到DOM中，请尝试在此处使用 event delegation ：

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

Answer 2

而不是，

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

使用委托：

 $(document).delegate(".obsglass-thumbnail","click",function () {})

因为，在加载Click事件后添加了IF HTML元素，您的事件对这些元素没用。