Блог

Главная - Вопросы по программированию - Как я могу добавить два элемента CountUp

Как я могу добавить два элемента CountUp

#javascript #jquery

#javascript #jquery

Вопрос:

На моем веб-сайте я пытаюсь добавить два счетных таймера. Первый работает нормально, но со вторым таймером у меня много проблем. Поскольку я работаю с идентификатором wordpress, это странно 🙂

Я уже создал код для обоих таймеров, но, как я уже сказал, второй не работает. Я думаю, что проблема может быть в поиске этого элемента…

 var getID           = $( element ).attr('id');
var getIDCurr       = $( element ).attr('#1523517692376-5f09ae62-8203')

$(element).on( 'inview', function(){

        var numAnim = new CountUp( getID , 0, getCounter, 0, 0, options);
        if (!numAnim.error) {
            numAnim.start();
        } else {
            console.error(numAnim.error);
        }

        var numCurr = new CountUp( getIDCurr , 0, 100, 0, 0, options);
        if (!numCurr.error) {
            numCurr.start();
        } else {
            console.error(numCurr.error);
        }

    } );

И HTML

 <div class="de-sc-milestone__count uk-scrollspy-inview" id="1523517692376-5f09ae62-8203" data-start-counter="323626.20" data-symbol="<span class='de-sc-milestone__symbol'><sup>€</sup></span>" data-symbol-position="suffix" style="">323,626<span class="de-sc-milestone__symbol"><sup>€</sup></span></div>

Я надеюсь, что кто-нибудь знает решение…

Комментарии:

1. Вход в pound (#1523517692376-5f09ae62-8203) не помогает, поскольку нет соответствующего атрибута. На самом деле, нет атрибута с идентификатором без знака фунта.

2. элемент attr(‘id’) РАВЕН 1523517692376-5f09ae62-8203. В getIDCurr вы пытаетесь получить атрибут с именем #1523517692376-5f09ae62-8203, которого не существует.

3. @ imvain2 Я попробовал justb с $(‘#1523517692376-5f09ae62-8203’), но тоже не сработал

4. element Что вы имеете в виду?

5. элемент var = this

Ответ №1:

Найдено решение. Я изменил

 var getIDCurr = $( element ).attr('#1523517692376-5f09ae62-8203')

Для

  var getIDCurr = $( element ).id='1523517692376-5f09ae62-8203';

Комментарии:

1. нет, так не attr работает. Используйте: $(element).attr('id', '#15235...') . Вы должны указать, какой атрибут установить и с каким значением. не просто значение.. jQuery не может волшебным образом узнать, какой атрибут вы хотите установить

Метки: