不知道是什麼影響按鈕顯示 - 更新

我有和單選按鈕選擇並給每個單選按鈕一個進度條，進度條是display:none，但是當選中一個無線電進度條時show()，與按鈕相同。不知道是什麼影響按鈕顯示 - 更新

現在我的問題是，有時，當我選擇一個單選按鈕，該按鈕顯示是這樣的：

enter image description here

但有時當我選擇一個單選按鈕，此按鈕已被推至底部和斜面甚至看到：

enter image description here

我不知道從哪裏來的這個問題，但我也許客人進度條堵塞呢？也許我錯過了我不知道的代碼。任何人都可以幫助我檢查這個問題？

Click here for jsfiddle

更新部分

我發現瞭如何使按鈕推動下，懸停在和懸停出DIV 4〜5倍，然後選擇一個選項，則該按鈕會推到底部。到目前爲止還沒有找到任何解決方案，任何人都知道如何修復請幫忙。非常感謝。

來源

2015-01-06 Im Happy

問題？（我在FireFox和Chrome中測試--FireFox是OK） – demo

請給我你的完整代碼 –

@demo我測試過，FF和Chrome也有這個問題，有時會顯示有時推到底 –

從.popup_survey_whitebox_percent取出margin-top: -22px與

position: relative; 
top: -22px;

Fiddle

來源

2015-01-06 09:37:13 r3wt

你能告訴我爲什麼嗎？即時通訊非常好奇 –

好吧我剛剛測試過，問題仍然存在 –

更換終於讓我找到一種方法來解決了這個問題。

 $("#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()兩個動畫

來源

2015-01-07 04:54:19

它頗爲滑稽，因爲整個動畫可以用簡單的css規則來完成，而是允許javascript將焦點放在元素的內容上。 – r3wt

正如你在你的答案，finish作品提及，但引入了一些詭異的經驗，如果你輸入/輸出迅速懸停（它跳轉到最後的立場，並可以「閃爍」）。

此問題可以通過重置懸停'out'邏輯上的height屬性來解決。當您快速懸停/放出時，會設置高度值，然後在之後使用。

下面是與修復小提琴：http://jsfiddle.net/v07vt9gz/5/

和邏輯：存在只是在Chrome

$(this).css('height', ''); // reset value

來源

2015-01-07 05:16:24 Jack

不知道是什麼影響按鈕顯示 - 更新

回答

相關問題