Question

您好我有一个使用autosize文字字段的项目，这些字段需要使用＆＃39; autosize：update＆＃39;进行更新。如果字段是由脚本编辑的，则触发，但是我在执行此操作时遇到了一些问题。如果我尝试输入：

$('.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);

一个例子：

＆＃13;

// 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);
})

＆＃13;

<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>

＆＃13;

Answer 2

如果autosize：update是一个css属性，它可能是但我在网上找不到它。但如果是的话，

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

.trigger（）不会触发autosize事件

2 个答案: