Реализовать плагин jQuery в Visual Studio 2013 Project

Я создал новый проект ASP.NET Web Forms в Visual Studio 2013. Это установил jquery-1.10.2.js по умолчанию.Реализовать плагин jQuery в Visual Studio 2013 Project

Я использовал консоль диспетчера пакетов для установки пакета jQuery -Version 1.11.2 , потому что для пакетов управления пакетами Nuget по умолчанию предлагается только Nuget 2.1.3. Мне нужен ранний jQuery.

Я использую VS 2010, и я совершенно не знаком с новым ASP.NET 4.5 ScriptManager. С VS 2010 для плагинов jQuery вы просто ссылаетесь на .js и .css в главном разделе главной страницы.

<head id="Head1" runat="server"> 
    <link href="css/colorpicker.css" rel="Stylesheet" type="text/css" /> 
    <script type="text/javascript" src="js/colorpicker.js"></script> 
</head>

С ASP.NET 4.5 Я немного неясно, о том, как добавить 3 участника JQuery плагин, потому что кажется, что все .js файлы реализуются через ScriptManager, а не просто ссылки в теги сценария в головной части.

Мое исследование Google: «установить плагин jquery в визуальной студии 2013 года», нашел проблемы, связанные с: диспетчером пакетов Nuget, установкой jQuery или расширениями Visual Studio.

Я ничего, что четко объясняет, как добавить плагинов 3rd партия JQuery для приложения ASP.NET Web Forms с Visual Studio 2013.

Вот ссылки JS в моей недавно созданный мастер-страницы в VS не найдено 2013:

 <asp:ScriptManager runat="server"> 
     <Scripts> 
      <%--To learn more about bundling scripts in ScriptManager see http://go.microsoft.com/fwlink/?LinkID=301884 --%> 
      <%--Framework Scripts--%> 
      <asp:ScriptReference Name="MsAjaxBundle" /> 
      <asp:ScriptReference Name="jquery" /> 
      <asp:ScriptReference Name="bootstrap" /> 
      <asp:ScriptReference Name="respond" /> 
      <asp:ScriptReference Name="WebForms.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebForms.js" /> 
      <asp:ScriptReference Name="WebUIValidation.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebUIValidation.js" /> 
      <asp:ScriptReference Name="MenuStandards.js" Assembly="System.Web" Path="~/Scripts/WebForms/MenuStandards.js" /> 
      <asp:ScriptReference Name="GridView.js" Assembly="System.Web" Path="~/Scripts/WebForms/GridView.js" /> 
      <asp:ScriptReference Name="DetailsView.js" Assembly="System.Web" Path="~/Scripts/WebForms/DetailsView.js" /> 
      <asp:ScriptReference Name="TreeView.js" Assembly="System.Web" Path="~/Scripts/WebForms/TreeView.js" /> 
      <asp:ScriptReference Name="WebParts.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebParts.js" /> 
      <asp:ScriptReference Name="Focus.js" Assembly="System.Web" Path="~/Scripts/WebForms/Focus.js" /> 
      <asp:ScriptReference Name="WebFormsBundle" /> 
      <%--Site Scripts--%> 
     </Scripts> 
    </asp:ScriptManager>

Этот новый веб-VS 2013 Форма проекта также: packages.config, references.js, BundleConfig.cs

Я очень ценю ваше руководство.

источник

2015-03-16 Paul

Я обычно добавить собственные скрипты в своем собственном расслоению под BundleConfig.cs в папке/App_Start следующим образом:

ScriptManager.ScriptResourceMapping.AddDefinition(
    "my-plugin", new ScriptResourceDefinition { 
     Path = "~/Scripts/my-plugin.min.js", 
     DebugPath = "~/Scripts/my-plugin.js", 
    } 
);

Тогда вы можете ссылаться на сверток в ScriptManager в вашей мастер-страницы (после JQuery ScriptReference) следующим образом:

<asp:ScriptReference Name="my-plugin" />

Это позволяет использовать различные файлы .js для отладки и производства. Если у вас только одна версия скрипта, то я считаю, что вы можете просто опустить строку DebugPath.

Если плагин требует добавления каких-либо CSS-файлов, они могут быть добавлены к Bundle.config следующим образом:

<?xml version="1.0" encoding="utf-8" ?> 
<bundles version="1.0"> 
    <styleBundle path="~/Content/css"> 
    <!-- ...other files likely included here --> 
    <include path="~/Content/my-plugin.css" /> 
    </styleBundle> 
</bundles>

источник

2015-03-16 19:59:14

мне нужно внести какие-либо изменения в: packages.config или references.js? Обновляется ли это с добавлением plugin.js? – Paul

Нет, вам не нужно обновлять ни один файл. _references.js обновляется автоматически, а package.config содержит информацию о пакетах NuGet, чего нет. –

это будет Name = "mycustom" правильно? – Paul

Реализовать плагин jQuery в Visual Studio 2013 Project

ответ

Смежные вопросы