0

我在我的页面中使用了一个 KendoUI 窗口组件，它显示了两个窗口：窗口：

  <div id="window1">
        <div style="text-align: center;">
            <img src="../../content/web/window/egg-chair.png" alt="ARNE JACOBSEN EGG CHAIR" />
            <p>
                THIS IS WINDOW1<br />
                Image by: <a href="http://www.conranshop.co.uk/" title="http://www.conranshop.co.uk/">http://www.conranshop.co.uk/</a>
            </p>
        </div>
    </div>

和窗口 2：

<div id="window2">
        <div style="text-align: center;">
            <img src="../../content/web/window/egg-chair.png" alt="ARNE JACOBSEN EGG CHAIR" />
            <p>
               THIS IS MY WINDOW2<br />
                Image by: <a href="http://www.conranshop.co.uk/" title="http://www.conranshop.co.uk/">http://www.conranshop.co.uk/</a>
            </p>
        </div>
    </div>

我有一个像打击一样的跨度：

 <span id="go" class="k-group">Close the window1 and open the window2</span>

默认情况下，当我的页面加载时，两个窗口（我的意思是window1和window2）都会出现，但是我希望在页面加载时window1出现，当我点击我的span时它关闭window1并打开window2，所以写这个函数：

      $("#go").bind("click", function () {
                      $("#window2").data("kendoWindow").open();

                      $("#window1").data("kendoWindow").close();

                  });

但它不起作用！问题是什么？

编辑：我有：

 function initWindow1() {
                var windowOptions = {
                    width: "500px",
                    title: "EGG CHAIR",
                    visible: false,
                    close: close1   
                };

                $("#window1").kendoWindow(windowOptions);
                $("#window1").data("kendoWindow").center().open();
            }

            initWindow1();

            function initWindow2() {
                var windowOptions = {
                    width: "500px",
                    title: "EGG CHAIR",
                    visible: false,

                };

                $("#window2").kendoWindow(windowOptions);
                $("#window2").data("kendoWindow").open();
            }
            initWindow2();
4

3 回答 3

2

它似乎在这个例子中工作：http: //jsbin.com/cohuxusu/1/edit

于 2014-03-09T10:38:05.833 回答
1

我认为它的 Span onclick 不是 bindclick

$("#go").on("click", function () {

   $("#window1").data("kendoWindow").close();                                    
   $("#window2").data("kendoWindow").open();
     });

沙兹

于 2014-03-10T11:01:13.787 回答
1

这是您唯一的代码吗？如果是这样，您是否检查过 Javascript 错误？您似乎订阅了 Window1 上的关闭事件，但实际上并未为其提供处理功能。我敢打赌，只要这是您拥有的唯一代码。如果没有，也许你可以给我们更多的细节？

于 2014-03-10T09:51:43.800 回答