Question

我使用标准的facebook风格工具提示进行jquery。我的.js文件包含以下内容：

$(function(){
    $('[rel=tipsy]').tipsy({ fade: true, gravity: 'n' });
});

$(document).on('mousedown touchstart', function(e){
if ($('#header .dropdown:visible').length) {
    var container = $('#header .dropdown:visible');
    if (!container.is(e.target) && container.has(e.target).length === 0)     {
        $('#header .dropdown:visible').stop().slideUp('fast').parent().removeClass('active');
    }
}
});

$(document).on('mouseup touchend', function(e){
if ($('.tipsy:visible').length) {
    var container = $('[rel=tipsy]');
    if (!container.is(e.target) && container.has(e.target).length === 0)     {
        $('[rel=tipsy]').each(function(){
            $(this).tipsy('hide');
        });
    }
}
});

鼠标点击一切正常。在平板电脑和智能手机上，我在使用rel = tipsy重复点击元素时遇到问题。首先点击该元素会显示一个弹出提示。然后第二次单击任何位置隐藏此弹出提示。当我再次尝试点击相同的元素时，没有任何反应。这就是问题所在。

我在页面上还有一个元素，其中包含rel = tipsy。点击它然后隐藏它后，我再次点击第一个元素，使用rel = tipsy再次工作，但仅在第一次单击它时再次点击。

请告诉我，哪里出错？

Jquery tipsy - 第二次点击平板电脑和智能手机不起作用

0 个答案: