Cluetip弹出窗口被浏览器切断

时间:2011-12-05 01:37:59

标签: cluetip

jQuery('area').cluetip({
        sticky: true,
        positionBy: 'auto',
        width:370,
        dropShadow:false,
        closePosition: 'top',
        closeText: '',
        activation: 'click'
}

直截了当:当我点击激活弹出窗口时,即使没有足够的空间,它也始终位于我点击的右侧。所以对于那些它只显示一些部分的cluetip,因为其余的被浏览器窗口切断?

我是php和cluetip的新手......

1 个答案:

答案 0 :(得分:0)

关于可以通过事物的外观完成的唯一事情是使用positionBy参数。但它在确定尖端是否被切断时并不起作用,我自己尝试了很多案例。

选项是auto, mouse, bottomTop, fixed,但它们都没有真正起作用,它们都被切断了。

我发现自己唯一的解决方案是使用fixed并手动设置上下左侧,并始终将它放在同一个地方。

j('.areaH').cluetip({
        positionBy: 'fixed',
        topOffset: 200,
        leftOffset: 100
    });

不幸的是,虽然你被困在那个地方的持有人。我猜你可以采取行动,每个调用cluetip的东西调用1秒的等待段,然后使用jQuery重新定位cluetip窗口。

这将是一个onHover事件,由分别调用cluetip的东西引发。但那是关于它的。我自己在FF和Chrome上测试了它,并且它都被切断了。

http://plugins.learningjquery.com/cluetip/#features

onHover事件中你总是可以使用另一个等待元素存在的jQuery插件然后重新定位,你可以做的就是在每个元素中有你自己的attr有新的位置,或者只是使用jQuery调用元素lefttop位置,并将Cluetip窗口移动到每个方向的+20。