AJAX调用需要双击
问题描述:
我已经创建了一个函数加载内容并写入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';
}
});
}
答
检查目标元素(targetDivId
)已之前display:none
的toggle()
被触发。
如果这并非如此,那么你需要这个属性在CSS添加到您的元素。
toggle()
-ing与display:block
或display:inline
或display:inline-block
元素将隐藏元素,为什么你需要两次触发它要显示的内容的属性设置为display:none
,因此。
这里是一个live demo。
+0
youre绝对正确。有效。谢谢! –
这个问题不会出现在你的ajax代码中,它会在绑定到鼠标事件的代码中。你能告诉我们这个代码吗? – quoo
@quoo其具有onclick属性的div,然后调用函数 –