2011-12-15 48 views
1

我試圖在單擊地圖按鈕時在Google地圖上滑動我的page。它完美的工作,但沒有點擊三次地圖按鈕之前。這是我 - 也許尷尬 - 代碼:jquery .toggle()在三擊之前不會啓動

$(function(){ 
$("#schalter, #koordinaten").toggle(function(){ 

    $("#ueberkarte").animate({ 
     width:'100%', 
     opacity: 'show',  
     left: '0'     
     }, 'slow'); 
}, function() { 

$('#ueberkarte').animate({ 
    width: 'hide', 
    opacity: 'hide' 
}, 'slow');});});  

我將非常感謝,如果有人告訴我,我做錯了或者我怎麼能做到更容易。 在此先感謝, 托馬斯

+0

以防萬一 - 我的解決方案:。 `$( '#schalter,#koordinaten')點擊(函數(){ $( '#ueberkarte')動畫({left:'toggle'}); });` – 2011-12-15 12:06:09

回答

0

jQuery的切換功能被定義爲:

.toggle([duration] [, easing] [, callback]) 
  • 持續時間爲一個字符串或數字表示時間的動畫
  • 寬鬆的動畫類型字符串
  • 回調函數在所有動畫完成時調用

常用的方法是在按鈕上定義點擊處理程序,然後在點擊回調中定義切換功能。切換功能也隱藏你的元素,你不需要額外的動畫。你可以簡單地做這樣的事情:

$('#schalter').click(function() { 
    $('#ueberkarte').toggle('slow'); 
}); 
+0

嗨Soc, 謝謝你,那看起來不錯。但是,使用您的代碼時,地圖在加載頁面時會「打開」。我需要在開始時隱藏地圖。 – 2011-12-15 10:54:31

0

海蘭,德國大學;-) 我看不懂你的代碼的任何點擊事件或別的東西。
也許你應該嘗試

$('#ueberkarte').on("click",function(){ 
//Moving Up and Down of you google map 
}); 
+0

嘿,鄰居,謝謝。點擊事件實際上是缺少的。 – 2011-12-15 12:05:20