2

ОК Я использую jQuery уже несколько лет и знаю, как писать код, используя его. В течение многих лет я загружал текущие мини-скрипты из jQuery и ссылки на моей странице мастера или тому подобное.Как использовать файлы jQuery в веб-форматах ASP.NET в VS.NET 2012?

Ну, в VS.NET 2012 (и, как я полагаю, 2010 год), шаблон проекта веб-форм позволяет создать тонну скриптов jQuery и даже классов CSS. Обычно мне не нужно добавлять дополнительные ссылки, а intellisense отлично работает.

Недавно я хотел использовать JQuery Message Dialog, который требует jquery-ui.css Сайт учебник делает ссылку на место CDN, так, чтобы он работал, я добавил следующее:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 

Дело в том, что проект по умолчанию уже имеет этот файл в следующем месте:

~/Content/themes/base/jquery-ui.css

Однако, когда я удалил ссылку ссылку CDN на css файл й e modal потерял свой стиль. Я понял, что, поскольку эти сценарии уже находятся в моем приложении, мне не нужно было явно ссылаться на них. Тем не менее, если я удалю ссылку CDN и явная ссылка на файл css, он будет работа:

<link rel="stylesheet" href="~/Content/themes/base/jquery-ui.css" /> 

Так что нужно образование здесь, пожалуйста. Является ли проект веб-форм ASP.NET просто предоставлением всех сценариев и стилей, но только ссылкой на некоторые из файлов? Я вижу следующее (2) внутри ScriptManager ссылки:

<asp:ScriptReference Name="jquery" /> 
<asp:ScriptReference Name="jquery.ui.combined" /> 

Это забота о качестве ссылки на основные jquery-2.0.3.js файлы для меня, так как я никогда не должен был ссылаться на него в явном виде? Почему я должен явно добавить ссылку на jquery-ui.css, хотя это часть проекта? Мне нужно организовать, как VS.NET и ASP.NET управляют этими файлами, поэтому я не угадываю и не понимаю, как они ссылаются или не ссылаются, пожалуйста.

+1

Просто потому, что файлы там, не означает, что вы ссылаетесь их. Вам нужно посмотреть в 'BundleConfig.cs', чтобы увидеть различные пакеты, которые он создает, а затем убедитесь, что вы ссылаетесь на эти пакеты. – MikeSmithDev

+0

@MikeSmithDev - Спасибо, это похоже на то, что я допрашивал. Мне нужно было детально объяснить, как все это организовано и работает. – atconway

ответ

2

Visual Studio 2012 представил Bundling and Minification, о чем вы просите. В следующих статьях вы узнаете об особенностях и покажете, как использовать их в проекте веб-форм.

+0

Эти статьи замечательные, спасибо Джеймс. Итак, моя склонность к тому, что я должен будет добавить эти файлы, явно вложенные и минированные с помощью файла BundleConfig.cs? – atconway

+1

Да, вам нужно будет указать файлы, которые будут в комплекте, но вы можете использовать подстановочные знаки для соответствия нескольким файлам. –

+1

ПРИМЕЧАНИЕ. Если вы хотите использовать версии cdn, вы можете просто полностью удалить его из своего проекта и добавить ссылки CDN на свои основные страницы или включить ссылки на свои страницы контента, если у вас есть раздел главы ... Вы также должны избегайте использования jQuery 2.x и придерживайтесь версии 1.9.x, если вы не в состоянии отказаться от IE8 и более ранней поддержки. –