Плагин jQuery с расширением не принимает параметры пользователя - PullRequest
Новая
       28

Плагин jQuery с расширением не принимает параметры пользователя

0 голосов
/ 03 апреля 2011

Я пишу плагин jQuery, который делает контейнеры (например, div) гиперссылкой интерактивными.

Я бы хотел, чтобы пользователь мог изменять некоторые основные параметры.

Однако я должен делать что-то не так, потому что он всегда использует параметр по умолчанию, а не определенный пользователем.

Я пытаюсь отменить курсор.

скрипка .

код: 

(function($){
 $.fn.clickablecontainer = function() {
    return this.each(function(options) {

        var defaults = {  
            cursor: 'pointer',
            hoverclass: 'hover',
            activeclass: 'active'
            //ellipsisText: "..."  
        };  
        var options = $.extend(defaults, options);          
        var elem = $(this);
        elem.css('cursor', options.cursor);
        $('a', elem).css('cursor', options.cursor);        

        elem.hover(function() {
            elem.addClass(options.hoverclass);
        }, function() {
            elem.removeClass(options.hoverclass);
        });

        elem.mousedown(function() {
            elem.addClass(options.activeclass);
        });

        $('body').mouseup(function() {
            elem.removeClass(options.activeclass);
        });        

        elem.click(function() {            
            var target = $('a', elem).attr('target');
            var href = $('a', elem).attr('href');            
            switch(target) {
                case '':
                case '_self':                    
                    location.href = href;
                    break;
                case '_blank':
                    window.open(href);
                    break;
                case '_parent':
                    parent.location.href = href;
                    break;
                case '_top':
                    top.location.href = href;
                    break;
                default:
                    alert('frame');
                    top.frames[target].location = href;
            }
        });
    });
 };
})(jQuery);

$('document').ready(function() {
    $('.container div').clickablecontainer({
        cursor: 'help'
    });
});

Готовый продукт (особая благодарность tvanfosson :)): скрипка

1 Ответ

4 голосов
/ 03 апреля 2011

У вас есть два определения параметров, так как вы используете var, чтобы переопределить его.Я подозреваю, что это приводит к тому, что параметры справа являются пустым объектом.Было бы лучше просто использовать: 

  options = $.extend({},defaults,options);

Это сохранит значения по умолчанию без изменений, но позволит значениям параметров переопределить их, а затем переназначить исходную переменную параметров.

Вам также необходимопереместить определение параметров во внешнюю функцию, в противном случае вы не получите никаких значений. 

$.fn.clickablecontainer = function(options) {
    var defaults = {  
        cursor: 'pointer',
        hoverclass: 'hover',
        activeclass: 'active'
        //ellipsisText: "..."  
    };  
    options = $.extend({},defaults, options);  

    return this.each(function() {
        var elem = $(this);
        ...
...