jQuery - Настройки функций

Question

У меня сейчас проблема с настройкой плагина всплывающей подсказки.

(function($) {
    $.fn.toolTip = function() {
        $(this).hover(function () {
            tip = $('.userRank');
            tip.show();
        }, function () {
            tip.delay(2000).fadeOut('fast');
        }).mousemove(function(e) {
            var mousex = e.pageX - 32;
            var mousey = e.pageY - 86; 
            var tipWidth = tip.width();
            var tipHeight = tip.height();
            var tipVisX = $(window).width() - (mousex + tipWidth);
            var tipVisY = $(window).height() - (mousey + tipHeight);
            if (tipVisX < 20) { 
                mousex = e.pageX - tipWidth - 20;
            } 
            if (tipVisY < 20) { 
                mousey = e.pageY - tipHeight - 55;
            }
            tip.css({  top: mousey, left: mousex }).stop();
        });
    };
})(jQuery);

, как вы можете видеть, я определил контейнер наконечника или элемент с помощью переменной наконечника

tip = $('.userRank');

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

$('.bidInput').toolTip('#socialIcons');

или

$('.bidInput').toolTip({tip : '#socialIcons'});

Answer 1

Что-то вроде этого может работать для вас:

// very simplified
(function($) {
    $.fn.toolTip = function(options) {
        var settings = $.extend({
            'tip': '#defaultTip'
        }, options);

        alert(settings.tip); // for testing
        var tip = $(settings.tip);

        // the rest of your code
    };
})(jQuery);

$('.bidInput').toolTip({ tip: '#socialIcons' });

Итак, если вы попытаетесь назвать его так:

$('.bidInput').toolTip();

Тогда вы заметите, что #defaultTip будетиспользоваться.

---

Редактировать

Кроме того, я создал для вас jsFiddle .