jQuery插件可能的范围问题？

Question

我正在尝试制作一个 jquery 插件（只是为了好玩），但我似乎无法在某个部分做我想做的事。

(function($){

    var resetText = function(){ if (this.value == "") this.value = this.title; }
    var clearText = function(){ if (this.value == this.title) this.value = ""; }

    $.fn.placeHolder = function() {
        return this.each(function(){
            resetText(); // <-- this doesn't work
            $(this).focus(clearText).blur(resetText);
        });
    };
})(jQuery);

基本上，我希望将 title 属性复制到 doc.ready 和 field.blur 上的 value 属性（如果值为空）

就像现在一样，它适用于Blur，但不适用于 document.ready

我觉得这是一个范围问题，但老实说我不知道​​如何解决它。

自己看看：http://jsfiddle.net/Usk8h/

Answer 1

这似乎是一个范围问题。这个怎么样？

http://jsfiddle.net/Usk8h/1/

(function($){

    var resetText = function(myThis){ if (myThis.value == "") myThis.value = myThis.title; }
    var clearText = function(myThis){ if (myThis.value == myThis.title) myThis.value = ""; }

    $.fn.placeHolder = function() {
        return this.each(function(){
            resetText(this);
            $(this)
                .focus(function(){
                    clearText(this);
                }).blur(function(){
                    resetText(this);   
                });
        });
    };
})(jQuery);

Answer 2

您有一个this 问题，而不是范围问题。

改为这样做：

resetText.call( this );

---

.call() 方法允许您将resetText() 函数中this 的值设置为作为第一个参数传递的任何值。

在这种情况下，您将在.each() 中传递由this 表示的DOM 元素。

---

编辑：

您实际上可以将您的插件缩减为：

$.fn.placeHolder = function() {
    return this.focus(clearText).blur(resetText).blur(); // <-- triggers blur
};