Функция jquery для плагина: проблема, возвращающая результат с каждым - PullRequest
0 голосов
/ 17 апреля 2011

У меня проблема с превращением функции ниже в плагин, подскажите, пожалуйста, как это исправить?

функция,

function highest_Zindex(){

    var index_highest = 0;

    // more effective to have a class for the div you want to search and 
    // pass that to your selector
    $("div").each(function() {

        if($(this).css("zIndex") > 0)
        {
            // always use a radix when using parseInt
            var index_current = parseInt($(this).css("zIndex"), 10);

            if(index_current > index_highest) {
                index_highest = index_current;
            }
        }
    });

    return index_highest;
}

отлично работает,

var test = highest_Zindex();
alert(test);

плагин,

(function($){

    $.fn.extend({ 

        get_highest_Zindex: function(options) {

            var defaults = {
                increment: 10 // The opacity of the background layer.
            }

            var options = $.extend(defaults, options);


            var $cm = this.each(function(){


                var o = options;
                var object = $(this); // always return #document.

                var index_highest = 0;

                if(object.css("zIndex") > 0)
                {
                    // always use a radix when using parseInt
                    var index_current = parseInt(object.css("zIndex"), 10);
                    //alert(index_current);

                    if(index_current > index_highest) {
                        index_highest = index_current;
                    }
                }

            });

            return index_highest;

        }
    });

})(jQuery);

тогда я получу сообщение об ошибке,

var test = $("div").get_highest_Zindex();
alert(test);

index_highest не определен

Есть идеи?

Спасибо.

1 Ответ

1 голос
/ 17 апреля 2011

Просто переместите var index_highest = 0; за пределы оператора each:

(function($){
    $.fn.extend({ 
        get_highest_Zindex: function(options) {

            var defaults = { increment: 10 }
            var options = $.extend(defaults, options);
            var index_highest = 0;                         // <- here

            var $cm = this.each(function(){
                var o = options;
                var object = $(this);

                if (object.css("zIndex") > 0) {
                    var index_current = parseInt(object.css("zIndex"), 10);

                    if (index_current > index_highest) {
                        index_highest = index_current;
                    }
                }

            });

            return index_highest;
        }
    });
})(jQuery);
...