AJAX调用需要双击

Question

我创建了一个加载内容并写入html的函数。由于某种原因，在两次点击后显示该功能而不是一次。知道怎么做才能加载并只需点击一下即可显示信息吗？

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';
        }
    });
}

Answer 1

在触发targetDivId 之前，检查目标元素（display:none）是否有toggle() 。

如果不是这种情况，那么您需要将此属性添加到CSS中的元素中。

toggle() - 使用display:block或display:inline或display:inline-block 的元素会隐藏元素并将其属性设置为{{1}因此，为什么你需要触发它两次才能显示内容。

这是live demo。