kendo-ui - TabStrip 剑道 UI 无法正常工作

Question

我正在尝试设置一个带有一些嵌套网格的剑道选项卡。第一个选项卡可以很好地加载嵌套网格，但是，当我单击第二个选项卡时，tabStrip 不会切换到第二个选项卡。我什至从kendo下载了示例，但它也不起作用!我已经导入了所有kendo js文件(包括.all和.tabstrip文件)。但这不起作用。我使用 jquery 1.7 和 MVC 4。这是我从 kendo 网站获得的示例。除此之外，O还有他们提供的CSS。有任何想法吗？提前致谢!

<div id="forecast">
@(Html.Kendo().TabStrip()
      .Name("Menu")
      .Items(tabstrip =>
      {
          tabstrip.Add().Text("Paris")
              .Selected(true)
              .Content(@<text>
                <div class="weather">
                    <h2>17<span>&ordm;C</span></h2>
                    <p>Rainy weather in Paris.</p>
                </div>
                <span class="rainy">&nbsp;</span>
              </text>);

          tabstrip.Add().Text("New York")
              .Content(@<text>
                <div class="weather">
                    <h2>29<span>&ordm;C</span></h2>
                    <p>Sunny weather in New York.</p>
                </div>
                <span class="sunny">&nbsp;</span>
              </text>);

          tabstrip.Add().Text("Moscow")
              .Content(@<text>
                <div class="weather">
                    <h2>16<span>&ordm;C</span></h2>
                    <p>Cloudy weather in Moscow.</p>
                </div>
                <span class="cloudy">&nbsp;</span>
              </text>);

          tabstrip.Add().Text("Sydney")
              .Content(@<text>
                <div class="weather">
                    <h2>17<span>&ordm;C</span></h2>
                    <p>Rainy weather in Sidney.</p>
                </div>
                <span class="rainy">&nbsp;</span>
              </text>);
      })
)

Answer 1

我的错误与jquery版本有关，使用tabStrip组件需要jquery 1.9.1。

谢谢! http://docs.kendoui.com/getting-started/javascript-dependencies