爲什麼jQuery選擇器變量不能在名稱空間內工作？

Question

我難住爲什麼這不起作用。我正在尋找有多個變量聲明。我究竟做錯了什麼？

 var message = (function ($) { 
     var $modalBody = $('.modal-body'), 
      $lblToUser = $modalBody.find('.to-user'); 
     return { 
      toUser: function() { 
       $lblToUser.val('To'); 
       $lblToUser.focus(function() { 
        if (this.value === 'To') this.value = ''; 
        $(this).addClass('darker'); 
       }).blur(function() { 
        if (this.value === '') this.value = 'To'; 
        $(this).removeClass('darker'); 
       }); 
      }, 
     }; 
    })(jQuery); 

message.toUser(); 

Answer 1

看來你在toUser年底可能引起的問題有一個錯位的,。

var message = (function ($) { 
    var $modalBody = $('.modal-body'), 
     $lblToUser = $modalBody.find('.to-user'); 
    return { 
     toUser: function() { 
      $lblToUser.val('To'); 
      $lblToUser.focus(function() { 
       if (this.value === 'To') this.value = ''; 
       $(this).addClass('darker'); 
      }).blur(function() { 
       if (this.value === '') this.value = 'To'; 
       $(this).removeClass('darker'); 
      }); 
     }, // <----- 
    }; 
})(jQuery); 

message.toUser(); 

Answer 2

也許您需要先初始化文檔？

$(document).ready(function() {  // <------- 
    var message = (function ($) { 
     var $modalBody = $('.modal-body'), 
      $lblToUser = $modalBody.find('.to-user'); 
     return { 
      toUser: function() { 
       $lblToUser.val('To'); 
       $lblToUser.focus(function() { 
        if (this.value === 'To') this.value = ''; 
        $(this).addClass('darker'); 
       }).blur(function() { 
        if (this.value === '') this.value = 'To'; 
        $(this).removeClass('darker'); 
       }); 
      }, 
     }; 
    })(jQuery); 

    message.toUser(); 
});