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

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

05.01.2014, 11:32. Просмотров 3949. Ответов 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
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
05.01.2014, 11:32
Ответы с готовыми решениями:

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

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

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

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

Toggle()
Исчезает сама надпись "Свернуть форму" что не так? <div...

8
vovandr
630 / 518 / 194
Регистрация: 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
Faust971
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
pro_sto_Slava
0 / 0 / 0
Регистрация: 10.06.2013
Сообщений: 14
05.01.2014, 13:42  [ТС] 4
Не чё то не получается
0
Faust971
69 / 69 / 50
Регистрация: 25.03.2012
Сообщений: 241
05.01.2014, 13:48 5
.mototable(класс) tbody tr(строка) мне вот эта конструкция у вас не нравится, что такое tbody?
0
pro_sto_Slava
0 / 0 / 0
Регистрация: 10.06.2013
Сообщений: 14
05.01.2014, 13:52  [ТС] 6
Как я понимаю что tbody это тэг для того чтобы в строке помещалось несколько солбцов.
0
Faust971
69 / 69 / 50
Регистрация: 25.03.2012
Сообщений: 241
05.01.2014, 14:00 7
Только что проверил все работает.
Никогда не пользовался этим тегом.
Давайте ваши теги полностью.
0
vovandr
630 / 518 / 194
Регистрация: 19.08.2013
Сообщений: 1,400
05.01.2014, 14:05 8
Никогда не пользовался этим тегом.
Faust971, когда браузер отрисовывает таблицу он проверяет наличие тега tbody, если его нет, он его вставляет. Посмотреть это можно включив средства разработчика и проинспектировать любую таблицу.
0
pro_sto_Slava
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
05.01.2014, 14:07
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
05.01.2014, 14:07

Toggle
jQuery JavaScript Library v1.5 в этой библиотеке Такой код например...

toggle()
Здраствуйте, как применить к toggle() при &quot;block&quot; эфект fadeOut(), а при &quot;none&quot;...

Toggle()
$(document).ready(function(){ $('#post').click(function(){...


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

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

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