.trigger() не запускает событие autosize

Question

Привет, У меня есть проект с использованием текстовых полей autosize, это поле необходимо обновить, используя триггер «autosize: update», если поле редактируется скриптом, но у меня есть некоторые проблема с тем, чтобы это работало. Если я попытаюсь ввести:

$('.auto-size').trigger('autosize:update') 

В консоли, когда обновление должно произойти, ничего не происходит, и я не уверен, почему?

Я довольно новичок в javascript/jquery, поэтому любая помощь будет принята с благодарностью.

Answer 1

Как сообщается в документации, вы можете использовать:

autosize.update($('.auto-size')); 

или вы можете использовать:

var evt = document.createEvent('Event'); 
    evt.initEvent('autosize:update', true, false); 
    $('.auto-size').get(0).dispatchEvent(evt); 

Пример:

// initialiaze the field 
 
autosize($('.auto-size')); 
 

 

 
// add new text to textarea and update! 
 
$('#myBtn').on('click', function(e) { 
 
    var ele = $('.auto-size'); 
 
    ele.text(ele.text() + 'This is a new line.\n'); 
 

 
    autosize.update(ele); 
 
    
 
    // Dispatch a 'autosize:update' event to trigger a resize: 
 
    //var evt = document.createEvent('Event'); 
 
    //evt.initEvent('autosize:update', true, false); 
 
    //$('.auto-size').get(0).dispatchEvent(evt); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://rawgit.com/jackmoore/autosize/master/dist/autosize.min.js"></script> 
 

 

 
<textarea class="auto-size"></textarea> 
 

 
<button id="myBtn">Click Me</button>

Answer 2

if autosize: обновление является собственностью css, возможно, это, но я не могу найти его в Интернете. Но если это,

$(".auto-size").trigger(function(){ 
    $(".auto-size").css("autosize","update"); 
});