javascript - 将 HTML 内容加载到 DIV 后调整颜色框的大小

Question

我已经浏览过这里所有关于颜色框大小调整问题、div 属性和许多其他内容的帖子!无论如何，这段非常非常简单的代码让我感到困惑，我想知道是否无法回答？

<script type="text/javascript">
$(document).ready(function () {
    $("#text").load("<%= Model.FileLocation %>");
    $.fn.colorbox.resize();
});
</script>
<div id="text"></div>

上面是代码(我想它应该像魅力一样工作)。我试过使用 $.get 并将调整大小放在回调中，使用超时并将事物与函数分开。

我还验证了没有任何损坏，正在加载文本(使用 $("#text") 发出警报，因为消息显示已加载的文本。我还可以指定宽度和/或高度resize 函数，它们可以工作，但是，我无法根据加载的内容执行此操作。

抱歉这篇冗长的帖子...知道为什么这个东西不会调整大小吗？

Answer 1

尝试等到内容实际加载完毕。

<script type="text/javascript">
$(document).ready(function () {
    $("#text").load("<%= Model.FileLocation %>", function() {
         $.fn.colorbox.resize();
    });
});
</script>
<div id="text"></div>