當使用jQuery幻燈片的一些CSS不適用，直到幻燈片

我正在建立一個html5網站。我遇到問題的頁面是http://yamikowebs.com/blog.php 現在我正在處理複製/粘貼鏈接。當你點擊它時，其他鏈接從左側滑入。由於某些原因，我的錨點下劃線並顯示內聯直到動畫完成。有沒有解決這個問題？當使用jQuery幻燈片的一些CSS不適用，直到幻燈片

$(".blogLinks>article").hide(0);//hides all boxes 
$("#blogDirectory>ul>li").click(function() 
{ 
    switch ($(this).index())//check which one 
    { 
     case 1: 
      $("[title=0]").show("slide", { direction: "left" }, 1000);//animate it 
      break; 
    } 
});

來源

2011-06-05 Yamiko

動畫發生時，您的div被包裝在臨時div中，其類別爲ui-effects-wrapper。一旦動畫完成，您的article元素將顯示爲blogLinks的子元素，並且樣式適當，但在此之前，article元素是.ui-effects-wrapper的子元素。

嘗試將相同的樣式應用於.ui-effects-wrapper a

來源

2011-06-05 04:57:19

（+1）或者直接使用類來選擇錨點。 – 2011-06-05 05:00:10

謝謝。我沒有意識到，jQuery給了一個封裝與CSS應用到它。有沒有辦法在動畫中的特定點查看這些螢火蟲？ – Yamiko 2011-06-05 05:01:11

您可以通過firebug中的特定javascript調用，但在這種情況下，如果您只是監視滑出的'div'的源代碼，則會實時看到firebug更新並突出顯示新添加的代碼。 – 2011-06-05 05:02:39

當使用jQuery幻燈片的一些CSS不適用，直到幻燈片

回答

相關問題