C# 使用jquery ui时，Telerik tabstrib不起作用_C#_.net_Asp.net_Jquery Ui_Telerik

C# 使用jquery ui时，Telerik tabstrib不起作用

c# .net asp.net jquery-ui telerik

C# 使用jquery ui时，Telerik tabstrib不起作用,c#,.net,asp.net,jquery-ui,telerik,C#,.net,Asp.net,Jquery Ui,Telerik,我在我的site.master页面中获得了以下代码： <head runat="server"> <title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title> <link rel="shortcut icon" href="../../favicon.ico" type="image/x-icon" /> <%--&

我在我的site.master页面中获得了以下代码：

<head runat="server">
    <title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title>

    <link rel="shortcut icon" href="../../favicon.ico" type="image/x-icon" />

    <%--<script src="../../Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery-ui-1.8.5.custom.min.js" type="text/javascript"></script>--%>
    <script src="../../Scripts/ckeditor/ckeditor.js" type="text/javascript"></script>

<%--    <script src="../../Scripts/Telerik/telerik.common.min.js" type="text/javascript"></script>
    <script src="../../Scripts/Telerik/telerik.tabstrip.min.js" type="text/javascript"></script>--%>

    <link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/jquery-ui.css" rel="stylesheet" type="text/css" />

    <%= Html.Telerik().StyleSheetRegistrar()
                       .DefaultGroup(g => g
                       //.Add("Site.css")
                       .Add("telerik.common.css")
                       .Add("telerik.windows7.css")
                       .Combined(true)
                       .Compress(true))
    %>
</head>

在站点的末尾，我有以下代码：

<% Html.Telerik().ScriptRegistrar()
                 .DefaultGroup(group => group
                     .UseTelerikContentDeliveryNetwork(true)
                     .Combined(true)
                     .Compress(true)
                  )
                 .Render(); %>

    <%--<script src="../../Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>--%>
    <script src="../../Scripts/jquery-ui-1.8.5.custom.min.js" type="text/javascript"></script>

通过这种设置，我的telerik tabstrip被正确呈现，我能够在选项卡中导航。但是，在使用同一site.master的不同页面上，我想使用jquery UI呈现日期选择器，但这不起作用。将以下规则启用到my site.master的负责人之后

<script src="../../Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>

从我的site.master的底部删除下面的部分，我可以使用日期选择器。但是导航tabstip不起作用。尽管所有选项卡都正确呈现

<% Html.Telerik().ScriptRegistrar()
                 .DefaultGroup(group => group
                     .UseTelerikContentDeliveryNetwork(true)
                     .Combined(true)
                     .Compress(true)
                  )
                 .Render(); %>

我怎么能两者都用呢？在我看来，不知何故，当我使用telerik CDN时，我得到了与禁用它时完全不同的东西。我已经下载了所有属于Telerik的部分，但即使我将它们添加到我的标题中，我也无法让它正常工作

<% Html.Telerik().ScriptRegistrar()
                 .DefaultGroup(group => group
                     .UseTelerikContentDeliveryNetwork(true)
                     .Combined(true)
                     .Compress(true)
                  )
                 .Render(); %>

我需要实现从telerik下载的哪些文件才能在不使用telerik CDN的情况下使用tabstrip？我如何在jquery UI旁边运行它而不出现任何问题？

通过创建自己的ScriptRegister解决了这个问题。之后，我在web.config中添加了一个自定义部分，可以在其中嵌入所需的脚本。这就像一个魅力，我甚至可以改变加载的脚本序列

这在web.config中是新的

<sectionGroup name="telerik">
      <section name="webAssets" type="Telerik.Web.Mvc.Configuration.WebAssetConfigurationSection, Telerik.Web.Mvc"/>
    </sectionGroup>

<telerik>
    <webAssets useTelerikContentDeliveryNetwork="false">
      <scripts>
        <add name="DefaultScripts" version="2010.07.20.1" combined="false" compress="false" enabled="true" cacheDurationInDays="365">
          <items>
            <add source="ckeditor/ckeditor.js"/>
            <add source="ckeditor/adapters/jquery.js" />

            <add source="Telerik-min/telerik.common.min.js" />
            <add source="Telerik-min/telerik.tabstrip.min.js" />

            <add source="jquery-ui-1.8.5.custom.min.js" />
          </items>
        </add>
      </scripts>
      <styleSheets>
        <add name="CoreStyles" version="2010.10.05.01" combined="true" compress="true" enabled="true" cacheDurationInDays="7">
          <items>
            <add source="Site.css" />
            <add source="jquery-ui.css" />
            <add source ="telerik.common.css"/>
            <add source ="telerik.telerik.css"/>
            <add source ="telerik.windows7.css"/>
          </items>
        </add>
      </styleSheets>
    </webAssets>
  </telerik>

Html.Telerik().StyleSheetRegistrar().StyleSheets(stylesheets => stylesheets.AddSharedGroup("CoreStyles"))