jquery .css() 问题...请帮助

Question

我有一个这样的代码只是为你进入开始部分

$(document).ready(function(){
    //Dynamically size wrapper div based on image dimensions
    $("#tag-wrapper").css({width: $("#show_img").outerWidth(), height: $("#show_img").outerHeight()});

    //Append #tag-target content and #tag-input content
    $("#tag-wrapper").append('<div id="tag-target"></div><div id="tag-input"></div>');

想法是当页面加载时 css 属性应该立即发生。但...当我第一次进入页面时，它不起作用，当我刷新页面时，它会正常工作。知道如何解决这个问题吗？

Answer 1

如果 show_img 设置了宽度和高度，您的代码将有效。我相信它对您不起作用的原因是因为 $(document).ready 在加载 DOM 时和页面内容之前被调用。所以那个时候 show_img 还没有加载，所以它不能获取宽度和高度，除非你明确设置它。