Javascript 我想在页面准备就绪时使用jquery（比如$（window）.ready（）），但它似乎没有'；行不通

我使用jquery根据页面宽度更改html页面的内容。然后，当页面准备就绪时（使用

$（document）.ready（函数（{\\there some code！}））；

）我想调用一些函数。
当页面宽度很小（小于835px）时，我想取消我的主菜单，并放置其他内容。此外，页面大小调整对于这一目标也很重要。我使用此代码执行以下操作：

函数deleteMainMenu（）{
变量宽度=$（窗口）.width（）；
如果（width首先，我不认为javascript是解决这个问题的方法。CSS在这些情况下有一些非常好的选择

自举

查看您的类（col-xs-6），您似乎正在使用引导。
Bootstrap有一些非常好的特性，特别是对于这种东西。
请查看响应性实用程序

非自举

如果不想使用引导实用程序，可以执行以下操作：

创建两个菜单（.menu_big和.menu_small）并使用MediaQuery显示/隐藏它们

.menu_big{
  display: none;
}
@media screen and (min-width: 835px) {
  .menu_small{
    display: none;
  }
  .menu_big{
    display: block;
  }
}

您可以尝试w3.css。使用它，您不必使用JS来操作DOM的某些部分。对我来说似乎很有效：。问题是ready处理程序没有运行，还是发生了其他事情？对于未来，您可以将
$（document）.ready（function（）{/*code*/）
缩短为
$（function（）{/*code*/）
而且您还可以将
$（function（）{deleteMainMenu（）；}）；
缩短为
$（deleteMainMenu）
，