2012-02-07 64 views
1

http://jsfiddle.net/9BCrs/DIV動畫問題

的想法是單擊幻燈片左派和DIV的向左滑動 - 工程。不起作用的是,如果我單擊幻燈片右鍵並沒有任何動作。

任何幫助表示讚賞。

$(function(){ 
    $(".link1").click(function(){ 
     $(".block1").stop(true, true).animate({left:-400}, 200); 
     $(".block2").stop(true, true).animate({left:25}, 200); 
    }); 
}); 

$(function(){ 
    $(".link2").Click(function(){ 
     $(".block2").stop(true, true).animate({left:450}, 200); 
     $(".block1").stop(true, true).animate({left:25}, 200); 
    }); 
}); 

和HTML

<div id="block_container"> 
    <div class="block1"> 
     <div class="link1">Slide Left</div> 
    </div> 
    <div class="block2"> 
     <div class="link2">Slide Right</div> 
    </div> 
</div> 

回答

1

錯字,你有對.link2選擇的click功能的大寫字母 'C'。

$(".link2").click(... 

還值得注意的是,您不需要將每個處理程序包裝在它自己的文檔就緒處理程序中。

Updated fiddle

+0

感謝,感激不盡。 – Andy 2012-02-07 11:28:43

1

你拼寫$(」鏈接2" ),點擊與大寫字母C.使用 「點擊」 這樣

$(".link2").click 
+0

謝謝。不能相信我錯過了這一點。 – Andy 2012-02-07 11:29:15