|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
21.02.2019, 16:00 | #1 |
Регистрация: 21.02.2019
Сообщений: 4
|
Не работает Jquery код
Почему не работает код?
Код:
Код:
Код:
|
21.02.2019, 16:24 | #2 |
Старожил
Регистрация: 09.01.2008
Сообщений: 26,229
|
посмотрите, что возвращает css("backgroung") - http://api.jquery.com/css/
(там демка есть) а какого эффекта Вы пытаетесь добиться своим кодом? может быть, сработает то, что Вы добиваетесь так: Код:
Последний раз редактировалось Serge_Bliznykov; 21.02.2019 в 16:32. |
21.02.2019, 16:42 | #3 |
Старожил
Регистрация: 09.01.2008
Сообщений: 26,229
|
сравните, например, с таким кодом:
Код HTML:
<!doctype html> <html> <head> <meta charset="utf-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <style> body { padding: 0px; margin: 0px; background: #CFD8DC; } div { background: black; width: 100px; height: 100px; border-radius: 50px; margin: 20px; } div.inversed{ background: white; } body.inversed{ background: black; } </style> <script> $(function () { $('div').click(function(){ $('div').toggleClass('inversed'); $('body').toggleClass('inversed'); }) }); </script> </head> <body> <div>homus est lopus best</div> <div>homus est lopus best</div> <div>homus est lopus best</div> </body> </html> |
21.02.2019, 22:06 | #4 | ||
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Цитата:
В мелком проекте состояние можно брать как стержень логики и надстраивать на нем, мощные фреймворки тут уже не нужны: необходимый функционал реализуется вручную. И конечно же, все пишется на нативном JS. jQuery сделал хорошую работу по кроссбраузерности в свое время, но сейчас он просто не нужен. Пора его отпустить с миром Цитата:
https://jsfiddle.net/naiveMan/yw3auf2o/7/ Понятия не имею, где бы это могло пригодиться
Alar, верни репу!
Последний раз редактировалось Naive; 21.02.2019 в 22:25. |
||
21.02.2019, 22:31 | #5 |
Регистрация: 21.02.2019
Сообщений: 4
|
Того, что Вы и реализовали. Благодарю. Но всё ещё остались вопросы:
1)либо я идиот, либо Вы просто поменяли значения "black" & "white" на rgb(). Действительно лишь это позволило коду правильно функционировать? 2) Вы сказали почитать что возвращает .css : "Возвращает или изменяет значения css-величин у выбранных элементов страницы." Разве я делал что-то не так в этом плане? 3) Снизу другой пользователь спросил где это можно использовать, а разве на сайтах где можно менять цветовое оформление реализованно не на этой основе? Например в статьях в вк можно читать чёрные буквы на белом фоне и наоборот. |
21.02.2019, 23:02 | #6 | |||
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Цитата:
Цитата:
Цитата:
- window.getComputedStyle (твое изначальное решение): для данной задачи не верен, так как ты не предугадаешь как какой браузер хранит то или иное свойство. - toggleClass (решение от Сержа): правильное решение. Так и делают theme. - мое решение на CSS: баловство, которое кроме как для такой узкой задачи и может подойти. Это как специальная олимпиада по пискомерству. Скилл позволяет решить задачу идиотским способом, который не имеет промышленного применения.
Alar, верни репу!
Последний раз редактировалось Naive; 21.02.2019 в 23:04. |
|||
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Не работает JQuery | Илья199111 | Помощь студентам | 16 | 14.11.2016 20:38 |
jQuery. JCarouselLite не работает | erebos | JavaScript, Ajax | 3 | 23.08.2014 15:44 |
Не работает hide в jquery | aleksandr_t94 | JavaScript, Ajax | 9 | 02.02.2013 01:13 |
Не работает выборка в JQuery! | pastuhdima | JavaScript, Ajax | 7 | 27.09.2012 08:11 |
Не работает jquery на WordPress | alacka | WordPress и другие CMS | 0 | 04.02.2012 20:52 |