жить для jquery эластичный плагин?

Question

Я использую jquery elastic plugin для расширения текстового поля. он отлично работает, но я хочу использовать это в текстовом поле, которое добавлено в DOM с помощью ajax, но, к сожалению, этот плагин не имеет встроенной функции.

есть ли способ решить эту проблему?

http://www.unwrongest.com/projects/elastic/

Answer 1

Если у вас есть контроль над созданием TEXTAREA, то просто позвоните .elastic() на текстовое поле после его создания:

// In whatever AJAX callback creates the textarea... 
var newTextarea = $('<textarea></textarea>'); 

// Append the element to the DOM wherever it belongs... 
parentElement.append(newTextarea); 

// Add elastic behavior. 
newTextarea.elastic(); 

Answer 2

С JQuery 1.4, вы можете сделать это:

$("textarea").live("focus", function() { 
    $(this).elastic().die("focus"); 
}); 

JQuery 1.3.x не поддерживает событие фокусировки для живой(), поэтому он получает немного сложнее:

$("textarea").live("keydown", elasticize).live("mousedown", elasticize); 

function elasticize() { 
    $(this).elastic().die("keydown").die("mousedown"); 
} 

Звонки die так эластичны, что только один раз вызывается для каждого текстового поля.

Answer 3

Другие ответы предполагают, разрушив обработчик фокуса, но это может нарушить работу других зависимостей.

Вместо этого вы можете пометить свое текстовое поле классом = "эластичный". После инициализации эластичного материала вы можете удалить «эластичный» класс, чтобы избежать повторений.

$(document) .on('focus','textarea.elastic',function(e) { $(this).removeClass('elastic').elastic(); })