За последние 24 часа нас посетили 31940 программистов и 1380 роботов. Сейчас ищут 752 программиста ...

Удаление data-*

Тема в разделе "JavaScript и AJAX", создана пользователем Danil005, 23 июн 2017.

  1. Danil005

    Danil005 Активный пользователь

    С нами с:
    2 янв 2015
    Сообщения:
    528
    Симпатии:
    30
    Я честно говоря заеб*лся, но не понимаю, почему он не хочет работать. Jquery стоит.
    Код (Javascript):
    1. $('[data-action="accept_"]').on('click', function() {
    2.         $(this).attr('id', 'accept_');
    3.         $(this).removeData('action');
    4.         $(this).removeClass('bg-green');
    5.         $(this).addClass('bg-orange');
    6.         $(this).html("Нажмити еще раз, чтобы подтвердить.");
    7.      
    8.     });
    Просто тупо не удаляет data...
    Все делает, кроме удаления.
     
  2. Алекс8

    Алекс8 Активный пользователь

    С нами с:
    18 май 2017
    Сообщения:
    1.730
    Симпатии:
    359
    removeData не удаляет атрибуты.. он удаляет значение которое до этого назначили с помощью JQuery...
    --- Добавлено ---
    попробуйте как то так..
    Код (Text):
    1.  
    2. $(this).removeAttr('data-action');
     
  3. Danil005

    Danil005 Активный пользователь

    С нами с:
    2 янв 2015
    Сообщения:
    528
    Симпатии:
    30
    Это бестолку, тоже пробовал.
     
  4. Алекс8

    Алекс8 Активный пользователь

    С нами с:
    18 май 2017
    Сообщения:
    1.730
    Симпатии:
    359
    у меня работает))
    PHP:
    1. <?php
    2. echo '
    3.    <script type="text/javascript">window.jQuery || document.write(unescape(\'%3Cscript src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"%3E%3C/script%3E\'))</script>
    4.  
    5.  
    6.    <script>
    7.    $(function(){
    8.        $("#btn").on("click", function(){
    9.            $("#in").removeAttr("data-action");
    10.        });
    11.    });
    12.    </script>
    13.  
    14.  
    15.    <a href="" id="in" data-action="111">ссылка</a>
    16.    <button id="btn">кнопка</button>';