单击复选框检测工具提示事件

时间:2014-05-23 01:06:39

标签: javascript jquery qtip2

我正在使用qtip2来检查复选框时显示工具提示。

<input type="checkbox" id="chk1" /> User

$(document).on('click', '#chk1', function(){
    $(this).qtip({
        content: 'This is a test',
        show: 'click',
        hide: 'click'
    });
});

它使用基本

进行检测
$('#chk1').qtip({
    content: 'This is a test',
    show: 'click',
    hide: 'click'
});

但不是另一个。如何使用$(document)参考

1 个答案:

答案 0 :(得分:0)

这对我有帮助,不记得我从哪里得到它:

    // IIFE - Immediately Invoked Function Expression
(function(myfunction) {

    // The global jQuery object is passed as a parameter
    myfunction(window.jQuery, window, document);

}(function($, window, document) {
    // The $ is now locally scoped 
    // Listen for the jQuery ready event on the document
    $(function() {
        // The DOM is ready!
        $(document).on('click', '#chk1', function(){
            $(this).qtip({
                content: 'This is a test',
                show: 'click',
                hide: 'click'
            });
        });

    });
    // The rest of code goes here!
}));

这是元素,jquery等的加载过程的不同时刻。我不是很喜欢这个,但它可能对你有所帮助。