jQuery метод расширения с параметром?

Question

Использование следующего JQuery:

jQuery.fn.extend({ 
    resizelis: function(xWidth) { 
     var mButtons = this.length; 
     var buttonSize = (xWidth/mButtons); 
     return this.each(function() { 
      this.css("width", buttonSize + "px"); 
      this.children("a").css("width", buttonSize + "px"); 
     }); 
    } 
}); 

И я использую метод как так:

var $width = $window.scrolltop() > $("#header_image").outerHeight() ? .92 * $(window).width() : .92 * $(".content").width(); 
$(".menu").children("li").resizelis($width); 

HTML

<ul class="menu"> 
    <li class="current"><a accesskey="1" href="index.html">Home</a></li> 
    <li><a accesskey="2" href="highlights.html">Highlights</a></li> 
    <li><a accesskey="3" href="agenda.html">Agenda</a></li> 
    <li><a accesskey="4" href="tracks.html">Tracks</a></li> 
    <li><a accesskey="5" href="sponsors.html">Sponsors/Exhibits</a></li> 
    <li><a accesskey="6" href="travel.html">Travel</a></li> 
    <li><a accesskey="7" href="register.html">Register</a></li> 
</ul> 

Но это дает мне ошибку. Что я делаю неправильно? Благодарю.

Answer 1

При отладке кода, я обнаружил, что в рамках метода расширения используется this вместо $(this), и вы пытаетесь использовать метод CSS с this, который не является объектом JQuery. Попробуйте изменить this к $(this), и попробуйте еще раз:

jQuery.fn.extend({ 
    resizelis: function(xWidth) { 
     var mButtons = this.length; //same as with the jquery object $(this) 
     var buttonSize = (xWidth/mButtons); 
     return $(this).each(function() 
     { 
      $(this).css("width", buttonSize + "px"); 
      $(this).children("a").css("width", buttonSize + "px"); 
     }); 
    } 
}); 

Внутри цикла each, this является HTMLLIElement, использовать метод CSS, используйте $(this).