javascript - 加载时未调用 Jquery

Question

我对 JQuery 还很陌生，所以如果这很简单，请原谅我。

我有这个功能:

$(function(){
   $("#usermenu-drop").width($("#usermenu").width() + 3);
   $("#usermenu").click(function(){$("#usermenu-drop").toggle();});
});

点击工作得很好，但是动态宽度设置$("#usermenu-drop").width($("#usermenu").width() + 3) ; 永远不会发生。为什么是这样？我已经在控制台中运行了该行并且它有效。

Answer 1

$(function) 仅在 DOM 层次结构加载完成时调用，但不一定是 DOM 内部的东西(例如图像)。

您应该将该函数附加到 load 处理程序，例如:

$(function(){
   $("#usermenu").click(function(){$("#usermenu-drop").toggle();});
});

$(window).on("load", function() {
   $("#usermenu-drop").width($("#usermenu").width() + 3);
});