Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.64/22: Рейтинг темы: голосов - 22, средняя оценка - 4.64
0 / 0 / 0
Регистрация: 10.06.2013
Сообщений: 14
1

Как заменить toggle() ?

05.01.2014, 11:32. Просмотров 4453. Ответов 8
Метки нет (Все метки)

Короче надо чтобы при клике на строку таблицы происходило изменение света, а при повторном клике всё превращалось обратно.
Код который должен работать. При нажатии на строку она просто исчезает.

Javascript
1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function() {
 
$('.mototable tbody tr').toggle(function() {
     $(this).addClass('forTr');
},
function() {
     $(this).removeClass('forTr');
});
   
 
}); // Конец ready
Пробовал второй вариант :

Javascript
1
2
3
4
5
6
7
8
9
$(document).ready(function() {
 
$('.mototable tbody tr').click(function() {
    $(this).addClass('forTr');
}).click(function() {
    $(this).removeClass('forTr');
});
 
}); // Конец ready
Код работает только один раз то есть, кликнул, строка изменилась, ещё раз кликнул, строка стала как и прежде, ещё раз кликнул и фигушки, уже не работает.

Помагите кто нибуть!!!
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
05.01.2014, 11:32
Ответы с готовыми решениями:

Чем можно заменить заменить toggle() ?
Добрый день, у меня такой вопрос. Чем можно заменить toggle(function(), function()); В ранних...

Чем заменить toggle(fn, fn) в jQuery v1.11?
Пример: по нажатию на "Свернуть" таблицу нужно плавно скрыть и заменить текст на "Развернуть", по...

Как убрать прозрачность в .toggle
Выплывает див, в нужном месте, но примерно на 0.5 прозрачный и текст получается не читаемый....

Как задать плавный toggle в ReactJS?
Здраствуйте! помогите кто знает как в react задается скорость открытия блока? Сейчас у меня блок...

8
634 / 521 / 195
Регистрация: 19.08.2013
Сообщений: 1,400
05.01.2014, 13:32 2
Javascript
1
2
3
4
5
6
7
$(document).ready(function() {
 
$('.mototable tbody tr').click(function() {
    $(this).toggleClass('forTr');
});
 
}); // Конец ready
1
69 / 69 / 50
Регистрация: 25.03.2012
Сообщений: 241
05.01.2014, 13:35 3
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).ready(function() {
 
$('.mototable tbody tr').click(function() {
if($(this).hasClass("forTr"))
{
$(this).removeClass('forTr');    
}
else
{
 $(this).addClass('forTr');   
}
});
});
Можно вот так
1
0 / 0 / 0
Регистрация: 10.06.2013
Сообщений: 14
05.01.2014, 13:42  [ТС] 4
Не чё то не получается
0
69 / 69 / 50
Регистрация: 25.03.2012
Сообщений: 241
05.01.2014, 13:48 5
.mototable(класс) tbody tr(строка) мне вот эта конструкция у вас не нравится, что такое tbody?
0
0 / 0 / 0
Регистрация: 10.06.2013
Сообщений: 14
05.01.2014, 13:52  [ТС] 6
Как я понимаю что tbody это тэг для того чтобы в строке помещалось несколько солбцов.
0
69 / 69 / 50
Регистрация: 25.03.2012
Сообщений: 241
05.01.2014, 14:00 7
Только что проверил все работает.
Никогда не пользовался этим тегом.
Давайте ваши теги полностью.
0
634 / 521 / 195
Регистрация: 19.08.2013
Сообщений: 1,400
05.01.2014, 14:05 8
Никогда не пользовался этим тегом.
Faust971, когда браузер отрисовывает таблицу он проверяет наличие тега tbody, если его нет, он его вставляет. Посмотреть это можно включив средства разработчика и проинспектировать любую таблицу.
0
0 / 0 / 0
Регистрация: 10.06.2013
Сообщений: 14
05.01.2014, 14:07  [ТС] 9
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<table width="550" id="moto_table" title="Таблица цен на мотоциклы" class="mototable">
                    <thead>
                        <tr>
                            <th><strong>Модель</strong></th>
                            <th><strong>Цена</strong></th>
                        </tr>
                    </thead>
                    <tbody> <!-- ВОТ ОН -->
                        <tr>
                            <td>Харлей Дэвидсон</td>
                            <td>25000</td>
                        </tr>
                        <tr>
                            <td>Кроссовый мотоцикл</td>
                            <td>10000</td>
                        </tr>
                        
                        <tr>
                            <td>Yamaha</td>
                            <td>28000</td>
                        </tr>
                        
                        <tr>
                            <td>BMW</td>
                            <td>35000</td>
                        </tr>
                    </tbody> <!-- конец tbody -->
                </table>

И ещё тут ошибочка вышла твой код работает (зыбыл кавычку поставить) СПОСИБО!

Добавлено через 1 минуту
Всем большое СПАСИБО всё работает УРА!
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
05.01.2014, 14:07

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Как сделать, чтобы у toggle была ненулевая высота?
Здравствуйте! Есть большая таблица, необходимо чтобы на сайте отображалась не вся высота таблицы,...

Как правильно написать toggle для динамически созданных объектов?
Пробовал так, но не получается... $('body').on('toggle', '.ssilka_', (function(){ //туц туц },...

Toggle Button - Как правильно выделить нажатую кнопку цветом. Стилями или?
Toggle Button в листенере просто присвоить цвет - красный или как то другим свойством в...

Как без использования js, но с исп. SASS и BS3 динамически менять цветовую схему страницы нажатием toggle на сайте
Кто-то знает как сделать возможность смены цветовой схемы страницы (выбор один из двух вариантов...


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

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.