2011-06-05 56 views
0

我正在建立一個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; 
    } 
}); 

回答

1

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

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

+0

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

+0

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

+0

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