2013-07-24 134 views
-2

我已經創建了一個函數加載內容並寫入html。出於某種原因,該功能在兩次點擊之後顯示,而不是一次。任何想法如何使它只需點擊一下就可以加載和顯示信息?AJAX調用需要雙擊

function getFuncDoc(funcName, targetDivId) { 
    var webServiceCall = funcName; 
    $.ajax({ 
     type: "get", 
     url: webServiceCall, 

     success: function(doc) { 
      $('#' + targetDivId).load(doc, function(){ 
      $('#' + targetDivId).toggle(         
        function() { 

         $('#' + targetDivId).css('padding', '10px'); 
         $('#' + targetDivId).html(doc); 
        }); 
      }); 
     }, 
     error: function(request, status, error) { 
      return 'Error'; 
     } 
    }); 
} 
+3

這個問題不會出現在你的ajax代碼中,它會在綁定到鼠標事件的代碼中。你能告訴我們這個代碼嗎? – quoo

+0

@quoo其具有onclick屬性的div,然後調用函數 –

回答

2

檢查目標元素(targetDivId)已之前display:nonetoggle()被觸發。

如果這並非如此,那麼你需要這個屬性在CSS添加到您的元素。

toggle() -ing與display:blockdisplay:inlinedisplay:inline-block元素將隱藏元素,爲什麼你需要兩次觸發它要顯示的內容的屬性設置爲display:none,因此。

這裏是一個live demo

+0

youre絕對正確。有效。謝謝! –