Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.57/7: Рейтинг темы: голосов - 7, средняя оценка - 4.57
284 / 283 / 73
Регистрация: 06.05.2013
Сообщений: 1,613
1

Не работают jQuery.css и jQUery.attr

01.07.2013, 09:46. Показов 1267. Ответов 4
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Добрый день.
Хочу сделать изменение стиля кнопки, при наведении курсора на неё.
Повесил такой код

Javascript
1
onMouseover="showStyle(<?echo $arItem["ID"];?>)"
вот код

Javascript
1
2
3
4
5
<script type="text/javascript">
function showStyle(id) {
$("#myButton"+id).attr('style', 'border:solid 33px #0c7ce7');
}
</script>
при таком варианте стиль не меняется.

пробовал

Javascript
1
2
3
4
5
<script type="text/javascript">
function showStyle(id) {
$("#myButton"+id).css('border', 'solid 33px #0c7ce7');
}
</script>
тоже не работает.
Но интересно, что если в коде вызова вместо onMouseOver прописать onClick, то всё прекрасно работает.
В чём причина и что можно сделать?
Заранее спасибо
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
01.07.2013, 09:46
Ответы с готовыми решениями:

Почему не работают CSS свойства в jQuery?
var elem = document.getElementById(&quot;video&quot;); if (elem.requestFullscreen) { ...

jQuery().attr
Доброе утро. Пытаюсь средствами jQuery изменить стиль элемента. $(&quot;#leftDark&quot;).attr({ style:...

не работает метод attr в jquery 2.0.3
Здравствуйте! Есть вот такая страница и код на jQuery: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; ...

Как получить Thymeleaf attr в jquery
добрый день есть такая строчка кода: &lt;input type=&quot;submit&quot; style=&quot;width: 60px&quot;...

4
 Аватар для Forastero
562 / 339 / 87
Регистрация: 15.05.2013
Сообщений: 812
Записей в блоге: 1
01.07.2013, 12:19 2
Javascript
1
2
3
<script>
$("#myButton"+id).css({'border':'solid 33px #0c7ce7'});
</script>
0
284 / 283 / 73
Регистрация: 06.05.2013
Сообщений: 1,613
01.07.2013, 12:29  [ТС] 3
SoraxWeb, не работает, не в этом проблема, я думаю, по событию onClick всё норм же работает.
0
 Аватар для Forastero
562 / 339 / 87
Регистрация: 15.05.2013
Сообщений: 812
Записей в блоге: 1
01.07.2013, 16:25 4
sMockingbird, а зачем Вам нужен JavaScript для изменения стиля кнопки?
Для этого ведь существует псевдо-класс CSS :hover.

Например:

CSS
1
2
3
#myButton:hover {
border: 1px solid #ededed;
}
При наведении добавится бордер.
1
284 / 283 / 73
Регистрация: 06.05.2013
Сообщений: 1,613
03.07.2013, 09:53  [ТС] 5
SoraxWeb, спасибо огромное, всё заработало)
0
03.07.2013, 09:53
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
03.07.2013, 09:53
Помогаю со студенческими работами здесь

Не работают функции jquery
делаю простой пример &lt;script type=&quot;text/javascript&quot; src=&quot;jquery.js&quot;&gt;&lt;/script&gt; &lt;div...

Не работают jquery.cookie
Добрый день! пишу сайт и сделал поставил фильтр выбор по категориям, но изначально менюшка скрыта,...

Из CSS в JQUERY
http://www.alessioatzeni.com/wp-content/tutorials/html-css/CSS3-Hover-Effects/index_4.html ...

jQuery and css
ВСем привет. Есть такая вещь в css как @media print{} для этого у меня есть отдельный файлик...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Преобразование полей (элементов управления содержимым) в обычный текст
РоΜа 23.01.2025
Возникла необходимость преобразовать поля в текст (те, что на вкладке разработчик добавляются) . Помучившись родил следующее: Sub ПоляВТекст() Преобразует все поля в текст (даты, текст,. . .
Как проверить существование директории в скрипте Bash
bt_guru 23.01.2025
При разработке скриптов Bash одной из ключевых задач является корректная работа с файловой системой, где особое место занимает проверка существования директорий. Эта операция становится критически. . .
Как работают срезы (slice) в Python
bytestream 23.01.2025
Python предоставляет разработчикам мощный и гибкий инструмент для работы с последовательностями данных - срезы (slices). Эта функциональность позволяет извлекать, модифицировать и управлять. . .
Как удалить подмодуль (submodule) в Git
bytestream 23.01.2025
При работе с крупными проектами в системе контроля версий Git разработчики часто сталкиваются с необходимостью управления зависимостями и внешними компонентами. Подмодули (submodules) представляют. . .
В чем разница между @staticmethod и @classmethod в Python. Декораторы методов
bytestream 23.01.2025
В Python декораторы методов представляют собой мощный инструмент, позволяющий модифицировать поведение функций и методов без изменения их исходного кода. Эта возможность является одной из. . .
Как преобразовать InputStream в String в Java
bytestream 23.01.2025
В мире Java-разработки работа с потоками данных является одной из ключевых операций при создании современных приложений. InputStream, как фундаментальный класс для обработки входных потоков данных,. . .
Как обновить форк (ответвление) репозитория в Git
bytestream 23.01.2025
Одним из наиболее мощных инструментов Git для организации совместной работы является механизм форкинга репозиториев, который позволяет создавать независимые копии проектов для дальнейшей разработки. . . .
Как работает async/await в C#. Асинхронное программировани­е в .NET
bytestream 23.01.2025
Введение в асинхронное программирование Асинхронное программирование представляет собой важнейшую концепцию современной разработки программного обеспечения, особенно в контексте создания. . .
КуМир: полное руководство
bytestream 23.01.2025
Введение в КуМир: история создания и назначение КуМир (Комплект Учебных МИров) представляет собой образовательную среду программирования, которая была создана для обучения основам алгоритмизации и. . .
Что такое OLAP. Где и как использовать многомерный анализ данных
bytestream 23.01.2025
Введение в OLAP-технологии В современном мире бизнес-аналитика и обработка больших массивов данных играют ключевую роль в принятии стратегических решений. Организации накапливают огромные объемы. . .
MongoDB: что это, для чего нужна и как использовать
bytestream 23.01.2025
Введение в MongoDB: современная документоориентированная СУБД В современном мире разработки программного обеспечения выбор правильной системы управления базами данных является критически важным. . .
Как использовать закрытый ключ шифрования в Git. Шифрование в Git
bytestream 23.01.2025
Установка и настройка закрытых ключей в Git предоставляет дополнительный уровень безопасности для работы с репозиториями. Для начала необходимо создать пару ключей, обычно это осуществляется с. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru