jQuery UI布局硬编码/方法

我的代码是：

$(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未定义。 顺便说一句，整个布局工作得非常完美，因此JavaScript可以看到这些div

---

我解决了这个问题。。。但我不知道为什么会这样！ 我刚刚删除了var outerLayout；在$document.readyfunction{code！之前，这是关于outerLayout的全局/局部属性的全部内容吗