PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

JQuery: заблокирован checkbox при show/hide

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

proglive	Отправлено: 30 Мая, 2012 - 07:44:20
Новичок Покинул форум Сообщений всего: 1 Дата рег-ции: Июнь 2012 Помог: 0 раз(а)	Может кто сталкивался с данной проблемой. Помогите разобраться. Блокируется checkbox при такой комбинации команд. toggle('slow') - т.е. идет смена команд show/hide. Если checkbox вне действия этой команды, то все нормально. Ниже привден код. CODE (html): скопировать код в буфер обмена <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Collapsible List — Take 3</title> <link rel="stylesheet" type="text/css" href="../common.css"> <script type="text/javascript" src="../scripts/jquery-1.2.1.js"></script> <script type="text/javascript"> $(function(){ $('li:has(ul)') .click(function(event){ if (this == event.target) { $(this).css('list-style-image', (!$(this).children().is(':hidden')) ? 'url(plus.gif)' : 'url(minus.gif)'); $(this).children().not('input').toggle('slow'); } return false; }) .css({cursor:'pointer', 'list-style-image':'url(plus.gif)'}) .children().hide(); $('li:not(:has(ul))').css({ cursor: 'default', 'list-style-image':'none' }); }); </script> <style> fieldset { width: 320px } </style> </head> <body> <form> <fieldset> <legend>Collapsible List — Take 3</legend> <form> <ul> <li>Item 1</li> <li>Item 2</li> <input type="checkbox" value="crop" name="crop" id="rest1" /> <li> Item 3 <ul> <input type="checkbox" value="crop" name="crop" id="rest1" /> <li>Item 3.1</li> <li> Item 3.2 <ul> <li>Item 3.2.1</li> <li>Item 3.2.2</li> <li>Item 3.2.3</li> </ul> </li> <li>Item 3.3</li> </ul> </li> <li> Item 4 <ul> <li>Item 4.1</li> <li> Item 4.2 <ul> <li>Item 4.2.1</li> <li>Item 4.2.2</li> </ul> </li> </ul> </li> <li>Item 5</li> </ul> </form> </fieldset> </form> </body> </html> Отредактировано модератором: Мелкий, 30 Мая, 2012 - 09:30:37

Viper	Отправлено: 30 Мая, 2012 - 09:05:27
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	1. Обновите jquery 2. Структура документа у вас не валидная. Запрещено использовать вложенные формы. input нельзя использовать вне <li> если он должен быть в списке. Т.е. CODE (html): скопировать код в буфер обмена <ul> <input ... /> <li>Blabla</li> ... Неправильно! ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

proglive	Отправлено: 30 Мая, 2012 - 10:04:25
Новичок Покинул форум Сообщений всего: 1 Дата рег-ции: Июнь 2012 Помог: 0 раз(а)	Спасибо за оперативность. Прошу прощения за сумбурно изложенный вопрос - уже вторые сутки с этим мучаюсь, поэтому в голове каша. Попутно еще JQuery осваиваю. Короче, простите и строго не судите. Версию обновила. Так что же можно сделать, если checkbox должен быть в ul второго вложения? Переделывать верстку всей страницы без ul? Примерно вот это имеется: Скачать файл: collapsible.list.take.3.html Скачан раз: 53

tuareg	Отправлено: 30 Мая, 2012 - 10:17:34
Участник Покинул форум Сообщений всего: 1234 Дата рег-ции: Июнь 2010 Помог: 69 раз(а)	Nataly_by пишет: Так что же можно сделать, если checkbox должен быть в ul второго вложения? Переделывать верстку всей страницы без ul? Добавить li а в него вложить checkbox

proglive	Отправлено: 30 Мая, 2012 - 10:19:48
Новичок Покинул форум Сообщений всего: 1 Дата рег-ции: Июнь 2012 Помог: 0 раз(а)	все равно не работает <form method="post" action="hjg.php"> <ul> <li>Item 1</li> <li>Item 2</li> <input type="checkbox" value="crop" name="crop" /> <li> Item 3 <ul> <li><input type="checkbox" value="crop" name="crop" /></li> <li>Item 3.1</li> </ul> </li> <li>Item 5</li> </form> </ul> </form> (Добавление) наверное дело в Jquery. Если его отключить, то чекбоксы разблокируются. Это недоработка в модуле Jquery какая-то?

Viper	Отправлено: 30 Мая, 2012 - 11:46:05
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	Странно что только у вас они блокируются. Может быть вам подойдет https://github[dot]com/akuzemchak/collapsorz дабы не изобретать велосипед? ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

proglive	Отправлено: 31 Мая, 2012 - 12:10:38
Новичок Покинул форум Сообщений всего: 1 Дата рег-ции: Июнь 2012 Помог: 0 раз(а)	посмотрите, пожалуйста, прикрепленный архив (я собрала все, чтоб сохранить нужную картинку). Может кто-то сталкивался с аналогичной проблемой, и подскажет, как решить ее. Заблокированный checkbox в изначально скрытом пункте 3. Может какие идеи у кого возникнут, почему так получилось. Скачать файл: chapter5.zip Скачан раз: 73

Viper	Отправлено: 31 Мая, 2012 - 12:52:51
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	Nataly_by return false; уберите. ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

proglive	Отправлено: 31 Мая, 2012 - 16:59:07
Новичок Покинул форум Сообщений всего: 1 Дата рег-ции: Июнь 2012 Помог: 0 раз(а)	УРА!!!! Все работает чудным образом. Спасибо Вам огромное. Спасибо!!!!

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.