javascript - 如何使我的外部 jquery 文件按我的意愿工作？

Question

在页面加载时，版权的父 div 的宽度和中心应该改变。由于某种原因，每个页面上的这个 div 都没有 ID 或类。因此，我在页面顶部链接的 javascript 文件中使用以下代码

(function(){
    $("#copyright").parent().css({
      'margin-left':'auto',
      'margin-right':'auto',
      'width':'900px'
    });
})();

但我没有看到任何结果。但是，当我将其发布到 google chrome 控制台日志中时，会发生预期的效果，即 DIV 居中。

为什么这在我的外部文件中不起作用？

score 1 · Accepted Answer

你忘记了一个美元符号，最后有一对多余的括号。

$(function(){
    $("#copyright").parent().css({
      'margin-left':'auto','margin-right':'auto','width':'900px'
    });
});

如果没有美元符号，您将在页面加载之前调用该函数*。那是行不通的。

*) 假设您没有在</body>.

score 0 · Accepted Answer

在尝试使面板居中之前，您需要确保父容器已“绘制”，因此您应该在

$(document).ready(function() { yourFunction });

2 回答 2