Question

我有一个页面显示（来自asp.net代码的html输出）房屋/属性。我构建了以下javascript，只需按一下按钮，就可以更改属性上的所有css类，这样html就不会改变，但是css类会改变，以获得2列视图。

这很好用。但后来我想，如果用户选择2列视图，并导航到下一页（它是一种分页列表），视图将重置回原始（开始1列）。

所以我做了以下事情。如果用户单击按钮，并从1列视图转到2列视图，我将window.name中的值保存为1或2.

之后我在这里建立了这个小脚本：

 $(document).ready(setView());

 function setView() {
     if (window.name != null) {
         if (window.name == 2) {
             window.Show2Cols();
         }
         if (window.name == 1) {
             window.Show1Col();
         }

     }
 }

这很有效。 Show2Cols（）方法如下所示：

 function Show2Cols() {

 alert("Show2Cols is executed");
     var nodes = document.getElementById("panden").getElementsByTagName("div");
     alert("Just got all nodes.");
     for (i = 0; i < nodes.length; i++) 
     {....

所以，当我更改页面时，它弹出“执行Show2Cols”，但它并没有说“只是获得了所有节点”。

因为这是我有史以来的第一个JS，而且它不会变得更复杂，我想问你们哪里存在问题？

我的猜测是on（document）.ready（）有效，但是.getElementById（）方法还没有工作，因为页面上没有任何东西（直观地）。

提前致谢。

Answer 1

问题在于您对功能的引用

$(document).ready(setView());

您正在执行该函数并将其值作为DOM ready事件处理程序返回，这是您需要的

$(document).ready(setView);

从（document）.ready调用时，JavaScript方法不会完全执行

1 个答案: