2009-09-16 66 views
1

我使用的插件在這裏http://plugins.jquery.com/project/autogrow和我在Internet Explorer和Chrome(不火狐)有一個問題自動增長jQuery插件在互聯網動態內容資源管理器

下面

見代碼:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#main').html('<textarea class=\"test\">aaaa</textarea>'); 
     $('.test').autogrow(); 
</script> 

</head> 

<body> 
<div id="main"> 
</div> 
</body> 
</html> 

基本上如果元素在啓動頁面後是新的,它不起作用。所以,我攻入了插件了一下,改變使用的liveQuery(68行)

 this.textarea.livequery(function() { 
    $(this).focus(function() {self.startExpand()}); 
    $(this).blur(function() {self.stopExpand()}); 
     }); 

仍然無法正常工作,雖然Firefox是確定這些線不過。

你能幫忙嗎?

回答

2

我已在Chrome/Safari上通過進行以下兩個變化:

  1. 在你的代碼更改「$('#main').html('<textarea class=\"test\">aaaa</textarea>');」包括一個line-height風格,例如:「$('#main').html('<textarea class=\"test\" style=\"line-height: 16px\">aaaa</textarea>');
  2. 改線在jquery.autogrow.js 50從「if(this.line_height == NaN)」文件爲「if(isNaN(this.line_height))

效果是在Chrome/Safari瀏覽器相當緊張的,這似乎是與WebKit的報告textarea的新應用高度爲4px,然後將其設置爲,我認爲這是由於盒子模型和一些瀏覽器應用的樣式,但我不知道。如果你對FF中的效果感到滿意,那麼這應該起作用,因爲它在FireFox中也非常緊張。

+0

我和你說的一樣,但沒有工作。你還有其他地方有改變嗎? – 2009-09-16 07:17:20

+0

沒關係。我將代碼改回原來的並且工作了! – 2009-09-16 07:24:54