JQuery UI Theme: No Widgets Display Correctly

Question

Отказ от ответственности - A * обозначает где-то, где я не мог опубликовать то, что я хотел, так как это мой первый пост после переполнения стека, поэтому я вместо этого объясню, что я хотел отобразить. :)

У меня, похоже, возникла проблема с получением развернутой темы из пользовательского интерфейса JQuery для правильной работы. Сначала, когда я открываю файл примера, указанный в загрузке, он выглядит так.

Все в целом выглядит сморщила так, как не существует каких-либо дополнений, поля, границы и т.д.

Следующая изображение JQueryUI базовая тема, база/all.css существо реализован на моем сайте.

кажется правильным, но это не то, что я хочу JqueryUI выглядеть. Ниже я пытаюсь реализовать тему темы/jquery-ui.css вместо базы, и я получаю тот же результат, что и в примере.

* Я хотел включить ссылку на тему, реализуемую на моем сайте, но у меня недостаточно репутации, чтобы включить более двух ссылок. В любом случае, он выглядит точно так же, как выглядит в примере html.

Странно, когда я «перекатываю» тему на веб-сайте, все выглядит так, как я ожидал бы этого. Для ссылки на мою тему, вот ссылка на нее.

* Очередная ложь без ссылки, но даже загрузка одной из тем JQuery UI из галереи роликов я получаю одинаковые результаты.

Мне интересно, если я просто не понимаю, как использовать тему? Я понимаю, что вы можете просто заменить all.css клиентом jquery-ui.css. В обоих случаях я могу выбрать каждый компонент, который можно выбрать при загрузке.

Answer 1

Хорошо, поэтому я смог решить свою собственную проблему, и это было фактически благодаря другому ответу на переполнение стека. По сути, это проблема с пакетом в ASP.NET MVC, и я не совсем понимаю, как вы должны использовать эту тему. Сначала все началось с того, что изначально выглядел мой пакет.

  bundles.Add(new StyleBundle("~/Content/jqueryui").Include(
      "~/External/Content/themes/base/all.css", 
      "~/External/Content/themes/green/jquery-ui.css", 
      "~/External/Content/themes/green/jquery-ui.structure.css", 
      "~/External/Content/themes/green/jquery-ui.theme.css" 
      )); 

Благодаря этому ответу, я решил проверить порядок, в котором оно было на самом деле рендеринга на странице (которые в ретроспективе я должен был сделать это на первое место). How do I configure MVC's style bundling order? Это помогло мне понять, что на самом деле темы были рендерингом сначала, а затем base.css, хотя это не тот порядок, который они были в комплекте.

Итак, я разделил base.css на явный вызов перед этим пакетом (также удалил base.css из комплекта), и все сработало отлично! Вот как это делается в главном теге моей страницы макета.

@Styles.Render("~/External/Content/themes/base/all.css") 
@Styles.Render("~/Content/jqueryui") 

Так две вещи, чтобы проверить при использовании темы JQuery UI с ASP.NET MVC, сначала порядок комплектации (см какой порядок он делает на странице), и если вы не знаете, чтобы использовать базу. css (или элемент select css, который вы используете) вместе с темой, сделайте это!