[Solved] Tabstrip does not switch in Firefox (ver 2011.1.315)

[Ron]

Hello, i have noticed that tab#4 does not change/switch in Firefox 3.6. It works in IE8. All other tabs work
i am clicking on tab4 and get no error and no switching.
I have included the code for telerik js files that master page generates, aspx and user control.

in addition: is there a way to change id of the individual tabstrip item. (example: instead of saying http://url/#tabstrip-4 i would like to see http://url/#t4
Thank you in advance for your help.


Details:
Tab#4 view

Master page generates:

    <script type="text/javascript" src="/Scripts/2011.1.315/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="/Scripts/2011.1.315/telerik.common.min.js"></script>
<script type="text/javascript" src="/Scripts/2011.1.315/telerik.menu.min.js"></script>
<script type="text/javascript" src="/Scripts/2011.1.315/telerik.tabstrip.min.js"></script>
<script type="text/javascript" src="/Scripts/2011.1.315/telerik.list.min.js"></script>
<script type="text/javascript" src="/Scripts/2011.1.315/telerik.combobox.min.js"></script>
<script type="text/javascript" src="/Scripts/2011.1.315/telerik.draganddrop.min.js"></script>
<script type="text/javascript" src="/Scripts/2011.1.315/telerik.window.min.js"></script>
<script type="text/javascript" src="/Scripts/2011.1.315/telerik.editor.min.js"></script>
<script type="text/javascript" src="/Scripts/2011.1.315/telerik.upload.min.js"></script>
<script type="text/javascript" src="/Scripts/2011.1.315/telerik.imagebrowser.min.js"></script>

-------START ASPX that using Tab4 User Control-------------------------------------------------
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Edit
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<h2>Edit</h2>

<script src="<%: Url.Content("~/Scripts/jquery.validate.min.js") %>" type="text/javascript"></script>
<script src="<%: Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js") %>" type="text/javascript"></script>



<% using (Html.BeginForm()) { %>
    <%: Html.ValidationSummary(true) %>

   <% Html.Telerik().TabStrip()
            .Name("TabStrip")
             .ClientEvents(events =>
                    {
                        events.OnSelect("Select");
                    })


                 .Items(parent =>
                    {

                       parent.Add()
                            .Text("Tab1")

                          .Content(() =>
                          {

                              Html.RenderPartial("Tab1");
                          })
                          .Selected(true);

                parent.Add()
                      .Text("Tab2")

                      .Content(() =>
                      {


                          Html.RenderPartial("Tab2");
                      });


                parent.Add()
                      .Text("Tab3")

                      .Content(() =>
                      {

                          Html.RenderPartial("Tab3");
                      });


                parent.Add()
                      .Text("Tab4")



                      .Content(() =>
                      {

                          Html.RenderPartial("Tab4");
                      });




            })
            .Render();
    %>


<% } %>



</asp:Content>



-------END ASPX-------------------------------------------------

-------START Tab4 User Control-------------------------------------------------

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>

<script type="text/javascript">
    function Select(e) {

        if (e.item.textContent == "Preview") {
           // debugger;
            var editorBody = $('#body').data('tEditor');
            var editorSummary = $('#summary').data('tEditor');
            //alert("Summary:" + editorSummary.value());
            //alert("Body:" + editorSummary.value());

            preview.innerHTML = "Summary:" + editorSummary.value() + "<br/>" + "Body:" + editorBody.value()

        }


    }
</script>

<div id="preview">

</div>

-------END Tab4 User Control-------------------------------------------------

[Georgi Krustev]

Hello Ron,

 Could you please try to reproduce the depicted issue on our online demo? Let us know what the differences are.

Kind regards,
Georgi Krustev
the Telerik team

[Ron]

Georgi,
this was not reproducible using your demo.

[Atanas Korchev]

Hi Ron,

 In that case is there a chance to send us a runnable project which demonstrates the problem in Firefox? We cannot troubleshoot this unless we reproduce it first.

Regards,
Atanas Korchev
the Telerik team

[Rene]

Could it be that FF has problems with trigger()?

http://api.jquery.com/trigger/

[James Davies]

I was getting this sort of problem with 2011.1.315 until I came across:

 http://www.telerik.com/community/forums/aspnet-mvc/tabstrip/tabstrip-as-navigation-not-redirecting-to-urls.aspx

I downloaded the zip file containing  telerik.tabstrip.js and telerik.tabstrip.min.js and copied them to my /Scripts/2011.1.315, overwriting what was there, and it's now working.

Could it be that 2011.1.315 still has the bug referred to in the post above?

Jim

[Ricardo de Assuncao Goncalves]

Hey All,

Are you using tabstrip and making a reference to the jquery version 1.6 + in somewhere in your code?... if yes, make sure you are using version jquery-1.5.1.min.js everywhere.
I was getting the same bug in Firefox and I have just solved making reference to jquery-1.5.1.min.js. 

The jquery-1.6.1.min.js was giving me some problems using Firefox which It wasn't telerik bug It was Jquery bug that
need to be solved for the most recent version.

I found this ticket in Jquery web site:
http://bugs.jquery.com/ticket/9805


Good Luck...
Ricardo Goncalves