由于 CSS 属性 隐藏了刷新的 AJAX 内容

Question

我有一张图片。单击该图像时，我会弹出一个窗口。弹出框内的内容由AJAX生成。我正在使用车把进行模板化。由于弹出窗口最初应该被隐藏，我将它的 属性 设置为 display:none 并且我使用切换来在单击图像时显示它。现在，问题来了，当我使用 AJAX 请求另一个 JSON 时，我正在使用

//get the HTML template from script tag
var theTemplateScript = $("#dynamicData").html();
//compile the template
var theTemplate = Handlebars.compile(theTemplateScript);
$("#sg-hb-employee").html(theTemplate(myData[0]));

以上代码获取内容。我正在替换 html。由于再次添加了 HTML，默认的 display: none 属性 被应用，我只能在单击图像时看到新内容，而我只是在没有显示的情况下显示display:none 属性 正在应用。

Answer 1

您可以尝试使用 JQuery .css()

.css("display","block");

// So it would look like this
.html(data).css("display","block");

或者您可以添加 1 或 2 秒的 setTimeout

setTimeout(function(){ 
    // Add what you need inside this
}, 2000);