A jquery digital scrolling plug-in that conflicts when a page is referenced multiple times?

<p id="num">

<p id="num_1">

$("-sharpnum").rollNumDaq({ deVal: 16888 }); $("-sharpnum_1").rollNumDaq({ deVal: 2478 });
//
;(function($, window, document) {
    "use strict";
    var defaults = {
        deVal: 0,       //
        className:"dataNums",   //
        digit:""    //
    };
    function rollNumDaq(obj, options){
        this.obj = obj;
        this.options = $.extend(defaults, options);
        this.init = function(){
             this.initHtml(obj,defaults);
        }
    }
    rollNumDaq.prototype = {
        initHtml: function(obj,options){
            var strHtml = "<ul class="" + options.className + " inrow">";
            var valLen = options.digit ||  (options.deVal + "").length;
            if(obj.find("."+options.className).length <= 0){
                for(var i = 0; i<  valLen; iPP){
                    strHtml += "<li class="dataOne "><div class="dataBoc"><div class="tt" t="38"><span class="num0">0</span> <span class="num1">1</span> <span class="num2">2</span> <span class="num3">3</span> <span class="num4">4</span><span class="num5">5</span> <span class="num6">6</span> <span class="num7">7</span> <span class="num8">8</span> <span class="num9">9</span><span class="num0">0</span> <span class="num1">1</span> <span class="num2">2</span> <span class="num3">3</span> <span class="num4">4</span><span class="num5">5</span> <span class="num6">6</span> <span class="num7">7</span> <span class="num8">8</span> <span class="num9">9</span></div></div></li>";
                }
                strHtml += "</ul>";
                obj.html(strHtml);
            }
            this.scroNum(options);
        },
        scroNum: function(options){
            var number = options.deVal;
            var $num_item = $("." + options.className).find(".tt");
            var h = $(".dataBoc").height();
            $num_item.css("transition","all 2s ease-in-out");
            var numberStr = number.toString();
            if(numberStr.length <= $num_item.length - 1){
                var tempStr = "";
                for(var a = 0; a < $num_item.length - numberStr.length; aPP){
                    tempStr += "0";
                }
                numberStr = tempStr + numberStr;
            }

            var numberArr = numberStr.split("");
            $num_item.each(function(i, item) {
                setTimeout(function(){
                    $num_item.eq(i).css("top",-parseInt(numberArr[i])*h - h*10 + "px");
                },i*100)
            });
        }
    }
    $.fn.rollNumDaq = function(options){
        var $that = this;
        var rollNumObj = new rollNumDaq($that, options);
        rollNumObj.init();
    };
})(jQuery, window, document);

when the second

references this plug-in, it affects that the first

number becomes 0.

attach plug-in source http://www.lanrenzhijia.com/j.

I think his rollNumDaq can send obj, but when I send it to $(this), it shows more abnormal.


When

is called, put the style name className,eg:
$("- sharpnum"). RollNumDaq ({

)
deVal: 2478,
className:'num'

});

Menu