jQuery的TextAreaExpander插件：知道瀏覽器的錯誤

Question

我使用插件的javascript或兩年的查詢編程。

現在我用我的插件打開了我的項目來擴展textarea。

我對這句話有新的錯誤（與Firebug分析）。 類型錯誤：$ .browser未定義

var hCheck = !($.browser.msie || $.browser.opera); 

爲什麼？

信息

/** 
* TextAreaExpander plugin for jQuery 
* v1.0 
* Expands or contracts a textarea height depending on the 
* quatity of content entered by the user in the box. 
* 
* By Craig Buckler, Optimalworks.net 
* 
* As featured on SitePoint.com: 
* http://www.sitepoint.com/blogs/2009/07/29/build-auto-expanding-textarea-1/ 
* 
* Please use as you wish at your own risk. 
*/ 
/** 
* Usage: 
* 
* From JavaScript, use: 
* $(<node>).TextAreaExpander(<minHeight>, <maxHeight>); 
* where: 
* <node> is the DOM node selector, e.g. "textarea" 
* <minHeight> is the minimum textarea height in pixels (optional) 
* <maxHeight> is the maximum textarea height in pixels (optional) 
* 
* Alternatively, in you HTML: 
* Assign a class of "expand" to any <textarea> tag. 
* e.g. <textarea name="textarea1" rows="3" cols="40" class="expand"></textarea> 
* 
* Or assign a class of "expandMIN-MAX" to set the <textarea> minimum and maximum height. 
* e.g. <textarea name="textarea1" rows="3" cols="40" class="expand50-200"></textarea> 
* The textarea will use an appropriate height between 50 and 200 pixels. 
*/ 
(function($) { 
// jQuery plugin definition 
$.fn.TextAreaExpander = function(minHeight=21, maxHeight) { 
var hCheck = !($.browser.msie || $.browser.opera); 
// resize a textarea 
function ResizeTextarea(e) { 
// event or initialize element? 
e = e.target || e; 
// find content length and box width 
var vlen = e.value.length, ewidth = e.offsetWidth; 
if (vlen != e.valLength || ewidth != e.boxWidth) { 
if (hCheck && (vlen < e.valLength || ewidth != e.boxWidth)) e.style.height = "0px"; 
var h = Math.max(e.expandMin, Math.min(e.scrollHeight, e.expandMax))+2; 
e.style.overflow = (e.scrollHeight > h ? "auto" : "hidden"); 
e.style.height = h + "px"; 
e.valLength = vlen; 
e.boxWidth = ewidth; 
} 
return true; 
}; 
// initialize 
this.each(function() { 
// is a textarea? 
if (this.nodeName.toLowerCase() != "textarea") return; 
// set height restrictions 
var p = this.className.match(/expand(\d+)\-*(\d+)*/i); 
this.expandMin = minHeight || (p ? parseInt('0'+p[1], 10) : 0); 
this.expandMax = maxHeight || (p ? parseInt('0'+p[2], 10) : 99999); 
// initial resize 
ResizeTextarea(this); 
// zero vertical padding and add events 
if (!this.Initialized) { 
this.Initialized = true; 
$(this).css("padding-top", 0).css("padding-bottom", 0); 
$(this).bind("keyup", ResizeTextarea).bind("focus", ResizeTextarea); 
} 
}); 
return this; 
}; 
})(jQuery); 
// initialize all expanding textareas 
jQuery(document).ready(function() { 
jQuery("textarea[class*=expand]").TextAreaExpander(); 
}) 

Answer 1

我解決了我的問題，我替換了這個代碼：

(function($) { 
    // jQuery plugin definition 
    $.fn.TextAreaExpander = function(minHeight, maxHeight) { 
     minHeight=21; 
    var nAgt=navigator.userAgent; 
    var verOffset; 
    var hCheck = !(jQuery.support.boxModel || (verOffset=nAgt.indexOf("Opera"))!=-1); 
     // var hCheck = !($.browser.msie || $.browser.opera); 
     // resize a textarea 

在（原始庫）

(function($) { 
// jQuery plugin definition 
$.fn.TextAreaExpander = function(minHeight=21, maxHeight) { 
var hCheck = !($.browser.msie || $.browser.opera); 

這是一個解決方案。

Answer 2

您使用jQuery的哪個版本？ jQuery.browser已過時，jQuery的1.3和1.9的jQuery去除

Answer 3

$ .browser已經從jQuery的1.9

去除

使用jQuery遷移到修復你的代碼的時刻：

http://blog.jquery.com/2013/02/16/jquery-migrate-1-1-1-released/

然後使用功能檢測重構

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.