剑道ui - ASP.. NET MVC / TabStrip -不切换标签



1)在bundle.config

中包含以下内容
/Content/kendo/kendo.common.min.css
/Scripts/modernizr-2.5.3.js 
/Scripts/jquery-1.7.1.js    
/Scripts/kendo/kendo.all.min.js
/Scripts/kendo/kendo.aspnetmvc.min.js   
/Content/kendo/kendo.common.min.css 
/Content/kendo/kendo.metro.min.css   
2) web.config 
      <namespaces>
            <add namespace="System.Web.Mvc" />
            <add namespace="System.Web.Mvc.Ajax" />
            <add namespace="System.Web.Mvc.Html" />
            <add namespace="System.Web.Optimization"/>
            <add namespace="System.Web.Routing" />
            <add namespace="Kendo.Mvc.UI" />
          </namespaces>
    3) .cshtml
    @using Kendo.Mvc.UI 
    <script>
        var onActivate = function (e) {
            // access the activated item via e.item (Element)
            // detach activate event handler via unbind()
            tabStrip.unbind("activate", onActivate);
        };
    </script>
    <div id="forecast">
        @(Html.Kendo().TabStrip()
              .Name("tabstrip")
              .Events(events => events
                .Select("onSelect")
                .Activate("onActivate")
                .ContentLoad("onContentLoad")
                .Error("onError")
             )
              .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(Html.Action("HandleTabStrip","Home").ToString()
                  );
                  tabstrip.Add().Text("Moscow")
                      .Content(@<text>
                        @Html.Action("HandleTabStrip", "Home")
                   </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>);
              })
        )
    </div>
HomeController 
----------------
  public ActionResult HandleTabStrip()
        {
            return View();
        }

问题是标签不能切换。没有JS错误。它只是改变url,什么都不做http://:55985/Home/AjaxBoundTabView#tabstrip-2我已经花了将近两周的时间毫无头绪。我只是按照文档中指定的步骤操作,但它不起作用

尝试更改jQuery版本。1.7.1是一个相当旧的版本,你的剑道UI版本可能不支持它。

最新更新