Jquery函数效果未应用于动态加载的内容

时间:2013-04-13 13:11:23

标签: javascript jquery jquery-plugins

我正在使用这个

http://vadikom.com/tools/poshy-tip-jquery-plugin-for-stylish-tooltips/

加载提示。加载页面并将tip应用于特定的id或类或元素时,此插件工作正常但是当我使用jquery执行其他函数并加载更多相同名称的类时,此提示将不会应用但如果相同的元素是当页面加载时它出现

到目前为止我已经完成了这些

$('img').delegate('img', 'hover', function() {


$(this).poshytip({
                className: 'tip-twitter',
                showTimeout: 1,
                alignTo: 'target',
                alignX: 'center',
                offsetY: 5,
                allowTipHover: false,
                fade: false,
                slide: false
            });

       // code here
    });

// --------------------------------------------- --------

$(document).ready(function () {

    $('.classname').poshytip({
                    className: 'tip-twitter',


    showTimeout: 1,
                alignTo: 'target',
                alignX: 'center',
                offsetY: 5,
                allowTipHover: false,
                fade: false,
                slide: false
            });
});

当我在说ajax调用后加载另一个具有相同名称的类时,不应用此效果

任何帮助都会受到赞赏

1 个答案:

答案 0 :(得分:0)

您只是将悬停功能绑定到页面加载时可见的内容。将其再次绑定为ajax调用的成功。