Tab won't change when clicked

3 posts, 0 answers
  1. Bob
    Bob avatar
    10 posts
    Member since:
    Jul 2010

    Posted 13 May 2013 Link to this post

    I'm hoping I have just overlooked something, but I am unable to make the tabstrip behave properly.  When you click on the tabs they don't change.  I pasted the demo (razor) code from this site directly into my view and it still won't work. The tabstrip displays properly, and I am not seeing any javascript errors. Here is the view

    <div id="forecast">
              .Items(tabstrip =>
                        <div class="weather">
                            <p>Rainy weather in Paris.</p>
                        <span class="rainy"> </span>
                  tabstrip.Add().Text("New York")
                        <div class="weather">
                            <p>Sunny weather in New York.</p>
                        <span class="sunny"> </span>
                        <div class="weather">
                            <p>Cloudy weather in Moscow.</p>
                        <span class="cloudy"> </span>
                        <div class="weather">
                            <p>Rainy weather in Sidney.</p>
                        <span class="rainy"> </span>

    And here is the upper part of the page source:

    <!DOCTYPE html>
    <html lang="en">
            <meta charset="utf-8" />
            <title>Index - TRS Portal</title>
            <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
            <meta name="viewport" content="width=device-width" />
            <link href="/Content/site.css" rel="stylesheet"/>
            <script src="/Scripts/modernizr-2.5.3.js"></script>
            <link href="/Content/kendo.common.min.css" rel="stylesheet"/>
    <link href="/Content/kendo.default.min.css" rel="stylesheet"/>
            <script src="/Scripts/jquery-1.7.1.js"></script>
            <script src="/Scripts/kendo.web.min.js"></script>
    <script src="/Scripts/kendo.aspnetmvc.min.js"></script>
  2. Dimo
    Dimo avatar
    8485 posts

    Posted 13 May 2013 Link to this post

    Hi Bob,

    Please make sure you are using a compatible version of jQuery.

    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Nicholas
    Nicholas avatar
    8 posts
    Member since:
    Jun 2012

    Posted 26 Jun 2017 Link to this post

    This happened to me when I had two tabstrips with the same name. Just had to give the tabstrips unique names and everything started working.
Back to Top