jQuery UI布局硬编码/方法

时间:2014-10-09 07:21:04

标签: jquery

我的代码是:

$(document).ready(function(){
        var outerLayout;

        var layoutSettings_Outer = {
.
.
.
        };

        outerLayout = $("#layout").layout(layoutSettings_Outer);
.
.
.
    });

在我正在使用的身体中:

<div id="layout">
     <div class="ui-layout-center">
          <div>
              <a href="#" onClick="outerLayout.open('east'); return false;">Close left side</a>
          </div>
      </div>
      <div class="ui-layout-east">
           Right Panel
      </div>
      <div class="ui-layout-west">
          Left Panel
      </div>
  </div>

问题是应该关闭'东' - 左侧布局(中)的链接。不幸的是它没有。我不知道该怎么做......

  

Firefox的控制台说:“ReferenceError:outerLayout未定义”。
   BTW - 整个布局完美无缺,因此JavaScript可以看到这些div。

1 个答案:

答案 0 :(得分:0)

我解决了这个问题......但我不确定为什么会这样! 我刚刚在var outerLayout;代码之前删除了$(document).ready(function(){!这是关于outerLayout的全局/本地属性吗?