Анимация цвета фона jQuery UI работает на Jsfiddle, а не на моем сайте

#jquery #jquery-ui #jquery-animate #jquery-ui-accordion

#jquery #jquery-ui #jquery-анимация #jquery-ui-accordion

Вопрос:

Я пытаюсь изменить цвет фона заголовка аккордеона в функции. Вот демонстрация функциональности, которую я ищу: http://jsfiddle.net/5sYCC / (Я внес изменения в готовый документ просто для того, чтобы поместить его куда-нибудь, но в будущем его там не будет.)

Однако вот что происходит на моем сервере с точно таким же кодом.Не имеет значения, ссылаюсь ли я на локальные копии jQuery или размещенные в Google копии. Я не могу понять, почему один и тот же код работает по-разному в разных местах, особенно когда я не ссылаюсь на локальные копии jQuery или jQuery UI.

Ссылка на страницу, которую я пытаюсь создать, будет ниже. (Не допускается добавление слишком большого количества ссылок.)

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

Ответ №1:

Код на вашем сайте использует фоновое изображение для <h3> s, но ваша скрипка использует только цвет фона, фоновое изображение закрывает цвет фона, поэтому ваш цветовой эффект скрыт.

1. Вы правы. Есть идеи, как заставить его прекратить это делать, не удаляя фоновое изображение из CSS? Кроме того, я просто подумал. Разве сайт JFiddle не использует тот же CSS? Я имею в виду, если бы css там не было, тогда все это выглядело бы как обычные теги h3. Итак, почему это работает по-другому на jsfiddle?

2. @user1004944: URL-адреса изображений в CSS не включают имена хостов, поэтому все они 404. Вы могли бы добавить еще один класс, который переопределяет изображение и цвета : background-image: none; background-color: ... . Возможно, вам потребуется добавить !important , чтобы устранить проблему.

3. Да, я подумал о URL-адресах примерно через секунду и подумал: «дух». Я работаю над тем, чтобы попытаться выполнить именно ваше предложение, но мне трудно найти правильный способ сделать это.

4. Я заставил его работать по своему усмотрению, но без какой-либо анимации цвета фона. Я собираюсь задать другой вопрос в другом месте, чтобы спросить об анимации, потому что это другая тема. Спасибо за помощь. Интересно, что теперь это работает на моем конце, но не на JSfiddle. Вот код на JSfiddle: jsfiddle.net/v29TR

5. У вас есть дополнительные классы на jsfiddle? Я просто вижу обычную кучу беспорядка jQuery-UI. Для анимации вам, возможно, придется вручную удалить фоновое изображение с .css() помощью или что-то в этом роде.