有可能计算切换?

时间:2015-01-07 03:48:09

标签: javascript jquery html css

我很好奇,是否可以计算切换?因为我有一个问题,当我将鼠标悬停并多次悬停并选择其中一个项目时,该按钮将推到底部而无法看到。或者那是解决这个问题的另一种方法?

更新

即使我盘旋并徘徊并再次盘旋它也不会多次,它也会推到底部。

click here for js fiddle

JS

        $("#popup_survey_whitebox").hover(function () {
        $('#popup_survey_whitebox_content').stop().animate({
            opacity: 1,
            height: "toggle"
        }, 500, function () {
            $("label#popup_survey_label_title").text(orig); // Here put the original text.

        }).css('position', 'relative');

    }, function () {
        $('#popup_survey_whitebox_content').stop().animate({
            opacity: 1,
            height: "toggle"
        }, 500, function () {
            $("label#popup_survey_label_title").text(newText); // Here put the new text with "..."

        }).css('position', 'relative');
    });

enter image description here

enter image description here

1 个答案:

答案 0 :(得分:0)

最后我找到了解决这个问题的方法。

      $("#popup_survey_whitebox").hover(function () {
    $('#popup_survey_whitebox_content').finish().animate({
        opacity: 1,
        height: "toggle"
    }, 500, function () {
        $("label#popup_survey_label_title").text(orig); // Here put the original text.

    }).css('position', 'relative');

}, function () {
    $('#popup_survey_whitebox_content').finish().animate({
        opacity: 1,
        height: "toggle"
    }, 500, function () {
        $("label#popup_survey_label_title").text(newText); // Here put the new text with "..."

    }).css('position', 'relative');
});
对于两个动画

$('#popup_survey_whitebox_content').stop()更改为$('#popup_survey_whitebox_content').finish()