可見性屬性與fadeOut（）無法正常工作

我正在開發一個帶有3列的表中的反饋頁面。可見性屬性與fadeOut（）無法正常工作

Name   Feedback icons   status 
------------------------------------------------- 
Name1  icon1 icon2 icon3  Saved 
Name2  icon1 icon2 icon3  Saved 
-------------------------- and so on....

最初第3列是有css屬性visibility:hidden。點擊任何圖標時，該行的第3列需要顯示爲「保存」，然後消失。它第一次爲我工作，即如果我在第一行第一次點擊icon2，保存將顯示並消失，當我在同一行上點擊icon1時，它不會顯示第3列。

當我點擊下一行時，第三列將只出現在第一次點擊。請幫幫我。

的Html

<table class="tbl_result"> 
    <tbody> 
    <tr><td width="55%">Nahed </td> 
     <td width="42%"> 
     <div id="tbl_row_icons0" class="tbl_row_icons"> 
      <div class="emoji_parent"> 
      <div class="emoji_2 emojichild"> 
      <a title="Poor" class="feedbck_name" href="#"><img src="/user_uploads/my.aisc.ac.cy/emoticon/poor.png"></a> 
      </div> 
     <!--second icon--!> 
      <div class="emoji_3 emojichild"><a title="Good" class="feedbck_name" href="#"><img src="/user_uploads/my.aisc.ac.cy/emoticon/good.png"></a> 
     </div> 
     </div> 
     </td><td width="7%" class="toggle_save">Saved</td> 
    </tr> 
    </tbody> 
</table>

CSS

.toggle_save 
{ 
    visibility:hidden; 
    color:green; 
    font-weight: bold; 
}

jQuery函數

//click event for icon 
$(".feedbck_name").click(function() 
{  
    $(this) 
     .closest('td') 
     .next('td.toggle_save') 
     .css('visibility','visible') 
     .delay(1000) 
     .fadeOut(); 

    return false; 
});

來源

2016-05-11 Techy

當你正在做的淡出（）的SC ript會讓它顯示：沒有在CSS屬性。您需要淡化可見性。嘗試下面的代碼相同

$(".feedbck_name").click(function() 
{  
    $(this).parent('td').siblings('td.toggle_save') 
    .css('opacity','1') 
    .css("visibility", "visible") 
    .fadeTo(1500, 0, function(){ 
     $(this).parent('td').siblings('td.toggle_save') 
     .css("visibility", "hidden").css('opacity','1'); 
    }); 
    return false; 
});

檢查this fiddle爲同一

來源

2016-05-11 09:14:36

其上點擊第一時間。當時每個圖標的合作，我們點擊相同的圖標，它不是working..especially立即點擊該圖標後點擊另一個圖標 – Techy

這將不會顯示快速點擊圖標之間的文本。請幫助我 – Techy

https://jsfiddle.net/9qwdjh61/5/去這裏這將有所幫助。檢查.stop（真，真）在片段 –

可見性屬性與fadeOut（）無法正常工作

回答

相關問題