Передача класса без обновления страницы

@Makhambet · Регистрация: 30.09.2014

Студворк — интернет-сервис помощи студентам

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$('.thumbs-down').click(function(){
        
        var $sp = $(this).parent();
        var $score = $($sp).prev(); 
 
        $.ajax({
            type: "POST",
            url: 'queries/tutDislike.php',
            success: function(data){                
                    
                $sp.html('<i class="thumbs-up fa fa-thumbs-o-up fa-2x"></i>');
                var score = parseInt($($score).text())-1;
                $($score).text(score);
                
            },
            error: function(){ alert("Failed"); }
        })
    })

Здравствуйте! При нажатии кнопки класса thumbs-down через аякс уменьшается количество баллов на 1 и вместо кнопки класса thumbs-down появляется кнопка класса thumbs-up. Проблема в том, что класс thumbs-up не передается динамически, а работает только после перезагрузки страницы. Как можно сделать так, чтобы без обновления страницы клиент мог нажимать кнопку thumbs-up?

@nrobert · 22.02.2015, 18:02

Сообщение от Makhambet

класс thumbs-up не передается динамически, а работает только после перезагрузки страницы

Как это понять: стиль не передается или вызываемая при клике на ".thumbs-up" функция? Если второе, то не вижу в вашем коде эту функцию.

@Makhambet · 22.02.2015, 18:05 **[ТС]**

да, именно функция. Но эту функцию я здесь не показал, так как она работает после обновления страницы.

@nrobert · 22.02.2015, 18:21

Сообщение от Makhambet

она работает после обновления страницы

По-моему, вы сами себе противоречите. Так она должна работать после обновления страницы или все-таки нужно, чтобы без обновления? Если последнее, то нужно не секретничать, а выложить код, чтобы вам могли помочь.

@Makhambet · 22.02.2015, 18:35 **[ТС]**

При нажатии кнопки thumbs-down вместо нее должен поместиться кнопка thumbs-up и без обновления должен работать вот этот функция при нажатии thumbs-up

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$('.thumbs-up').click(function(){
        
        var $sp = $(this).parent();
        var $score = $($sp).prev();
 
        $.ajax({
                type: "POST",
                url: 'queries/tutLike.php',
                success: function(data){                
                        $sp.html('<i class="thumbs-down fa fa-thumbs-o-down fa-2x"></i>');
                        var score = parseInt($($score).text())+1;
                        $($score).text(score);
                },
                error: function(){ alert("Failed"); }
        })
    })

@nrobert · 22.02.2015, 18:45

Используйте метод on().

JavaScript
1
$('.thumbs-up').on('click',function(){

@Makhambet · 22.02.2015, 18:52 **[ТС]**

Не помогло...

@nrobert · 22.02.2015, 19:15

Выложите HTML-код.

@Makhambet · 22.02.2015, 19:24 **[ТС]**

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="scorediv" data-id="<?php echo $vt_id; ?>">   
 
                  <span class="score"><?php echo $video['score'];?></span>
 
                   <?php 
                   $query5 = "SELECT vt_id FROM vtlike WHERE vt_id='$vt_id' AND users_id='$my_id'";
                   $result5 = mysqli_query($conn,$query5);
                   $num_of_rows = mysqli_fetch_assoc($result5);
 
                   if (empty($num_of_rows['vt_id'])) { ?>
                   <span><i class="thumbs-up fa fa-thumbs-o-up fa-2x" ></i></span>
                   <?php }
 
                   else { ?>
                   <span><i class="thumbs-down fa fa-thumbs-o-down fa-2x"></i></span>
                   <?php } ?>   
                                    
          </div>

@nrobert · 22.02.2015, 19:37

А при нажатии на ".thumbs-up" все работает: ".thumbs-down" появляется, ".score" меняется?

@Makhambet · 22.02.2015, 19:41 **[ТС]**

да, тот который появляется (по условии thumbs-up или thumbs-down) первым работает, после нажатия этой кнопки значение score и иконка меняется.

@nrobert · 22.02.2015, 20:00

Вместо

Сообщение от Makhambet

$('.thumbs-down').click(function(){

JavaScript
1
$(document).on('click','.thumbs-down',function(){

и соответственно, вместо

Сообщение от Makhambet

$('.thumbs-up').click(function(){

JavaScript
1
$(document).on('click','.thumbs-up',function(){

Еще: функции практически одинаковы, оптимизируйте код.

Новые блоги и статьи Все статьи Все блоги /
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .

@Makhambet 1 / 1 / 2 Регистрация: 30.09.2014 Сообщений: 80
	22.02.2015, 18:05 [ТС]
	да, именно функция. Но эту функцию я здесь не показал, так как она работает после обновления страницы. 0

@Makhambet 1 / 1 / 2 Регистрация: 30.09.2014 Сообщений: 80
	22.02.2015, 18:52 [ТС]
	Не помогло... 0

@nrobert 171 / 153 / 67 Регистрация: 11.02.2015 Сообщений: 450
	22.02.2015, 19:15
	Выложите HTML-код. 0

@nrobert 171 / 153 / 67 Регистрация: 11.02.2015 Сообщений: 450
	22.02.2015, 19:37
	А при нажатии на ".thumbs-up" все работает: ".thumbs-down" появляется, ".score" меняется? 0

@Makhambet 1 / 1 / 2 Регистрация: 30.09.2014 Сообщений: 80
	22.02.2015, 19:41 [ТС]
	да, тот который появляется (по условии thumbs-up или thumbs-down) первым работает, после нажатия этой кнопки значение score и иконка меняется. 0

Передача класса без обновления страницы

Решение