Как изменить значок значка jQuery ui по умолчанию для значка плюс в глобальном масштабе

Я использую jQuery UI Accordion в моем проекте rails. accordion , используя arrow images в качестве значения по умолчанию. Мне нужно изменить значок стрелки на значок Plus по умолчанию. Где я должен отредактировать, чтобы по умолчанию изменить значение Плюс и значок минус для всех сайтов. Я использую аккордеон во множестве страниц?

Я видел больше связанных с этим вопросом в других сообщениях. В моем случае это проект ruby-on-rails. Я хочу изменить значок в глобальном масштабе, чтобы применить эффект по всему проекту.

Я добавил следующую строку на каждую страницу, чтобы она работала над тем, что я хочу. Я чувствую, что это не Сухой принцип. Мне нужно, чтобы это глобально работало на всех страницах всего сайта.

<script>
  $(function() {
    $( "#accordion" ).accordion({
      heightStyle: "content"
    });
    /* Change the accordion image to Plus and minus */
    $("#accordion").accordion("option", "icons", 
        { 'header': 'ui-icon-plus', 'headerSelected': 'ui-icon-minus' });
  });
</script>

Любые предложения и подсказки будут более оценены ...

1
nl ja de
Пожалуйста, предоставьте причину недовольства Господа ...
добавлено автор Learner, источник

1 ответы

Пользовательский интерфейс jQuery имеет обширную документацию для своих виджетов. Перейдите к документации для Аккордеона (специально для изменения значка) здесь .

Дальнейшее чтение в структуре CSS, упомянутой в этих документах, здесь .

Например, если вы перейдете в jQuery UI Themeroller , вы можете посмотреть на большую сетку значков, найти один вам нравится, наведите указатель мыши на него, чтобы увидеть имя класса, а затем используйте это имя в документации по моей первой ссылке, чтобы настроить ваше меню Аккордеона, чтобы использовать значок, который вы выбрали. Если вы посмотрите на документацию в первой ссылке, в примере на самом деле используются значки «плюс» и «минус», когда содержимое сворачивается/расширяется соответственно.

2
добавлено
@Sri Обратитесь к дополнительной информации, которую я вложил в свой ответ. Вся необходимая вам информация находится в этих ссылках, особенно в первой и третьей ссылках.
добавлено автор ajp15243, источник
@Sri Я думаю, что, возможно, неправильно понял, что вы хотите. Вы хотите, чтобы центральное местоположение изменило значок, который вы используете в вашем Ruby-коде ? Поскольку для значков глобального масштаба для jQuery UI Accordions нет «настроек по умолчанию», если вы прямо не редактируете исходный код jQuery UI (что является плохой практикой). Каждый Аккордеон должен быть индивидуально изменен. Вероятно, вы могли бы лучше всего эмулировать «глобальные настройки», управляя вашими параметрами Accordion и кодом создания с Ruby. Более быстрое, более грязное, менее ремонтируемое решение - это замена на всю вашу кодовую базу для настройки значка.
добавлено автор ajp15243, источник
да, но я не могу найти, чтобы изменить значок по умолчанию ... Я знал, что мы можем использовать другой образ, а не образ обмена.
добавлено автор Learner, источник
Да ... Это то, чего я хочу ... Я обновил вопрос. Пожалуйста, посмотрите еще раз.
добавлено автор Learner, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

CSS — русскоговорящее сообщество
CSS — русскоговорящее сообщество
1 502 участник(ов)

Сообщество любителей CSS Возникли проблемы с CSS? – пиши сюда, обсудим и предложим самое лучшее решение Работа: @css_ru_jobs Правила: https://teletype.in/@css_ru/r1EWtQ2w7 Приходите в наши чаты @javascript_ru и @frontend_ru Флуд: @css_flood

pro.ruby
pro.ruby
1 181 участник(ов)

Язык программирования Ruby Additional docs: https://rubyreferences.github.io/rubyref/ Invite: https://telegram.me/joinchat/Be4rsT2NuB3CyJaF26j1kA Кто хочет компилировать: @crystal_ru (его синтаксис основан на Ruby) Участник @proDOT

Ruby, Rails, Hanami | dry-rb
Ruby, Rails, Hanami | dry-rb
1 180 участник(ов)

https://telegram.me/rubyjob - Ruby Job По вопросам - @eugene_shved

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Ruby School .us
Ruby School .us
1 045 участник(ов)

Чат-болталка для учеников руби-школы и не только. Правила: https://telegra.ph/Pravila-chata-Rubi-shkoly-03-13

Random Ruby Chat
Random Ruby Chat
589 участник(ов)

Правила публикации вакансий: https://t.me/codenamecrud/60865

Rubyata
Rubyata
333 участник(ов)

Коммюнити Ruby и Ruby On Rails Флуд не приветствуются. Вакансии можно публиковать только и ТОЛЬКО по пятницам с хештегом #вакансия.

Ruby Talks
Ruby Talks
236 участник(ов)

Национальная Флеймотека

RubyRush
RubyRush
189 участник(ов)

rubyrush.ru программирование для самых новичков

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing

Rails Chat
Rails Chat
87 участник(ов)

You are welcome to discuss Ruby On Rails development process and other stuff

css_jobs
css_jobs
26 участник(ов)

Чат для вопросов по css и html: @css_ru Флуд: @css_flood Канал с вакансиями и резюме: @css_jobs_feed

css_флуд
css_флуд
10 участник(ов)