2013-07-24 70 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绝对正确。有效。谢谢! –