PHP.SU

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

PHP.SU Портал

Главная

Помощь

Поиск

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

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

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

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

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

Функция Jquery срабатывает только один раз по событию клика

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

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

Без описания

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

razorg1991	Отправлено: 13 Ноября, 2014 - 12:09:49
Частый гость Покинул форум Сообщений всего: 131 Дата рег-ции: Сент. 2013 Помог: 0 раз(а)	HTML следующий (есть вкрапления php - неважно) CODE (html): скопировать код в буфер обмена <form id="required-form" class="margintop" action="" method="POST"> <div class="submenu text-right"> <button class="btn btn-danger" type="submit" name="delete_list"><span class="glyphicon glyphicon-floppy-remove"></span><br /><? echo LN_DOWNLOAD_DELETE_LIST_PRODUCTS ?></button> <button class="btn btn-danger" type="reset"><span class="glyphicon glyphicon-remove"></span><br /><? echo LN_DOWNLOAD_RESET ?></button> <button class="btn btn-success" type="submit" name="download_list"><span class="glyphicon glyphicon-download"></span><br /><? echo LN_DOWNLOAD_START_DOWNLOAD ?></button> </div> <div class="alert alert-info"> <h4><? echo LN_CHOOSE_LIST_PRODUCTS ?></h4> <p><? echo LN_CHOOSE_LIST_PRODUCTS_DESC ?></p> </div> <div class="table-responsive"> <table class="table table-bordered"> <thead> <tr> <th class="nowrap th_align"><span id="check_all" rel="required-form">Отметить все</span><span id="uncheck_all" rel="required-form">Убрать все</span></th> <th class="nowrap"><span class="glyphicon glyphicon-bullhorn"></span> <? echo LN_DOWNLOAD_NAME_LIST ?></th> <th class="nowrap th_align"><span class="glyphicon glyphicon-shopping-cart"></span> <? echo LN_DOWNLOAD_COUNT_PRODUCTS ?></th> <th class="nowrap th_align"><span class="glyphicon glyphicon-folder-open"></span> <? echo LN_DOWNLOAD_TYPE ?></th> <th class="nowrap th_align"><span class="glyphicon glyphicon-time"></span> <? echo LN_DOWNLOAD_DATETIME ?></th> <th class="nowrap th_align"><span class="glyphicon glyphicon-floppy-disk"></span> <? echo LN_DOWNLOAD_READY_TO_DOWNLOAD ?></th> </tr> </thead> <tbody> <?php DownloadProducts::listProducts(); ?> </tbody> </table> </div> </form> JS отмечает и снимает все чекбоксы CODE (javascript): скопировать код в буфер обмена $(document).ready( function() { $("#uncheck_all").css('display','none'); $("#check_all").click( function() { $("#" + $(this).attr('rel') + " input:checkbox:enabled").attr('checked', true); $("#check_all").css('display','none'); $("#uncheck_all").css('display','block'); return false; }); $("#uncheck_all").click( function() { $("#" + $(this).attr('rel') + " input:checkbox:enabled").attr('checked', false); $("#uncheck_all").css('display','none'); $("#check_all").css('display','block'); return false; }); }); Т.е. Появление и скрытие происходит всегда по клику, а вот выделение чекбоксов происходит только при первом клике (т.е. клик раз - все выделилось, клик два - все снялось, клик три - ничего не выделяется, только скрываются и появляются элементы с айдишниками). Почему не пойму?

Viper	Отправлено: 13 Ноября, 2014 - 12:24:35
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	:enabled зачем? ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

razorg1991	Отправлено: 13 Ноября, 2014 - 12:34:03
Частый гость Покинул форум Сообщений всего: 131 Дата рег-ции: Сент. 2013 Помог: 0 раз(а)	Viper пишет: :enabled зачем? Ну убрал я :enabled, но ничего не изменилось. Самое интересное то, что при повторных кликах по элементам, в firebug появляется и исчезает атрибут checked у инпутов, но визуально в браузере их нет. И соответственно если дальше выполнять php скрипт, то он также выдает ошибку о пустых элементах. И такая ситуация наблюдается во всех браузерах. Уже даже изменил немного js CODE (javascript): скопировать код в буфер обмена $(document).ready( function() { $("#uncheck_all").css('display','none'); $("#check_all").click( function() { $('.element_check').attr('checked', true); $("#check_all").css('display','none'); $("#uncheck_all").css('display','block'); return false; }); $("#uncheck_all").click( function() { $('.element_check').attr('checked', false); $("#uncheck_all").css('display','none'); $("#check_all").css('display','block'); return false; }); }); То же самое - работает, но как-то неккоректно, консоль по ошибкам молчит (Добавление) Все разобрался, надо attr поменять на prop, attr видимо не совсем корректно работает в новых версиях JQuery

esterio	Отправлено: 13 Ноября, 2014 - 13:32:16
Активный участник Покинул форум Сообщений всего: 5025 Дата рег-ции: Нояб. 2012 Откуда: Украина, Львов Помог: 127 раз(а)	attr - это смена атрибута, prop - соответсвенно свойства DOM елемента. это нужно различать. в большинстве случаев смена свойства автоматически изменяет атрибут и наоборот. но есть такие свойства которые так не делают (checked, selected например) (Отредактировано автором: 13 Ноября, 2014 - 13:33:13)

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

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

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

« JavaScript & VBScript »

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