为什么我在使用cluetip时看到关闭按钮两次

时间:2012-03-21 18:54:12

标签: jquery cluetip

我正在使用jquery cluetip并且我注意到在某些情况下我第一次点击它显示CLOSE文本的项目两次,当我再次点击时,它只显示一次。所以我第一次看到这个:

enter image description here

第二次看到这个:

enter image description here

有没有人见过这个?我在页面上有多个cluetips,但无法看到这将如何推动这一点。这是我的cluetip javascript代码:

 $('#myItem').cluetip({
    width: '500px',
    showTitle: false,
    topOffset: 25,
    leftOffset: 5,
    positionBy: 'bottomTop',
    cluetipClass: 'jtip',
    activation: 'click',
    hoverIntent: {
        sensitivity: 7,
        interval: 100,
        timeout: 500
    },
    sticky: true,
    mouseOutClose: true,
    ajaxSettings: {
        dataType: 'json'
    },
    ajaxProcess: function (data) {

        return data.Content;
    }
});

我看到错误已经提出hereon this forum also,但我没有看到任何解决方案或建议。

更新

不确定这是否有用,但我捕获了firebug中的“双重”情况,这里是生成的html。如您所见,有多个元素id =“cluetip-close”

   <div id="cluetip-inner"><div id="cluetip-close"><a href="#">Close</a></div><div id="cluetip-close"><a href="#">Close</a></div>

我已经通过cluetip代码进行了调试,当我收到多个关闭时,我注意到当它到达这一行时:

  if (opts.sticky) {
    var $closeLink = $('<div id="cluetip-close"><a href="#">' + opts.closeText + '</a></div>');

$ cluetipInner已经有''

我仍然无法弄清楚这种情况发生了什么。 。我可以重现它的唯一方法是,如果我清除所有浏览器缓存然后重新启动。 。也许是ajax回调的一些时间问题?

2 个答案:

答案 0 :(得分:3)

我认为这个问题是错误并且已修复。修复此问题close link was being inserted multiple times in some cases. Fixes #34

答案 1 :(得分:-2)

您可以尝试以下代码:

$(function(){
$('.cluetip-close:eq(2)').remove();
});

这将删除close div的第二个实例