Question

这是一个奇怪的。通过jquery，我想创建一个容器对象，在视觉上隐藏它，在其中加载AJAX内容，并在加载内容时显示。

奇怪的是，如果所述对象被赋予边框，它似乎只是隐藏对象。例如：

这有效：

tr.find('td')
    .html("<div class='inlineLoading'>loading...</div>"
         + "<div "
         +    "class='loadedContent' "
         +    "style='background: green; border: 1px solid red;'>"
         + "</div>"
    )
;

var container = tr.find('div.loadedContent');
container.hide('slow',loadContent(container,dataURL));

loadContent函数：

function loadContent(container,dataURL) {  
    container.load(dataURL)  
}

运行上述内容，它可以正常运行。我清楚地看到带有红色边框的DIV被创建，然后慢慢隐藏自己。查看渲染的源，我可以确认ajax调用也在加载内容。

但是，如果我从上面省略红色边框，它永远不会隐藏自己。 div明显加载（带有绿色背景），不会隐藏自身，然后加载来自LOAD调用的内容。

有关这里可能会发生什么的任何想法？这一切都在Firefox中运行。

Answer 1

轻松调试这个，不要隐藏内容，让它首先加载到div中，看看它是否正常工作，然后进行隐藏和显示。通过这种方式，您将知道div中的内容，因为它可能只是从ajax中提取并且从不插入div中。

jquery隐藏只处理带边框的元素

1 个答案: