jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 是否可以通过编程方式设置Qtip的位置?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我目前正在我的网站上实施 Qtip2工具提示,而且他们的工作非常好.

但是,我需要在每个元素的基础上设置工具提示的位置.为此,我设置了几个这样的数据属性

<img src="/images/Help-icon.png" 
    class="tooltip" 
    title="Lorem ipsum dolor sit amet consectetur adipiscing elit" 
    data-tooltip-my-position="right center" 
    data-tooltip-target-position="left center" />

我尝试使用函数获取数据属性,但是看起来my和at属性不接受函数,因为这只是将工具提示放在右下角/左上角,这似乎是认定位.

$(this).find('.tooltip').qtip({
    show: {
        event: 'mouseenter click'
    },position: {
        my: function() {
            return $(this).data('tooltip-my-position'); // doesn't work
        },at: function() {
            return $(this).data('tooltip-target-position'); // doesn't work
        }
    }
});

我查看了documentation,但似乎没有关于在初始化时或初始化后以编程方式设置定位属性的指导.

有谁知道我想做什么是可能的,如果是的话,怎么样?

解决方法

我刚刚发布了一个解决方案,通常就在我发布之后.

我将一个函数连接到show事件,该事件将目标元素作为参数传递,然后我可以从中获取数据属性

$(this).find('.tooltip').qtip({
    show: {
        event: 'mouseenter click'
    },events: {
        show: function(event,api) {
            var $el = $(api.elements.target[0]);
            $el.qtip('option','position.my',$el.data('tooltip-my-position') || 'right center');
            $el.qtip('option','position.at',$el.data('tooltip-at-position') || 'left center');
        }
    }
});

我将在这里留下这个答案,以防将来对某人有用.

大佬总结

以上是大佬教程为你收集整理的jquery – 是否可以通过编程方式设置Qtip的位置?全部内容,希望文章能够帮你解决jquery – 是否可以通过编程方式设置Qtip的位置?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。