jQuery输入可排序更新输出

例如：如果我们键入“ Whatever”，则可能需要“ W”或“ Wha”。并且没有更多的击键被更新到#output。但是在和中的更新总是data-label可以正常工作。

我们非常需要这种功能。但是我们怎样才能做到这一点呢？

演示小提琴

https://jsfiddle.net/mayeenulislam/Lsrgu0qy/38/

什么都不做，看中的价值 </code></p> <p>不执行任何操作，只需在文本框中输入</p> <p>现在<code><textarea></code>再次看到值</p> <p></p> <p> <p> <p class="row"> <p class="col-lg-9 col-md-12 my-2 pr-4"> <p id="answer-4132860161" class="row bg-light rounded my-2 mx-0"> <p class="col shadow"> <p> <i class="fa fa-git-square text-info"></i>Kodos Johnso..</abbr> <i class="fa fa-html5 text-primary"></i> 5</abbr> </p> <p><p>我弄弄了这个，并且能够使其工作。在这里检查我的分叉小提琴：jsfiddle.net/qf7n89oe。</p> <p>我所做的唯一更改是更换了 </p> <pre class="brush:bash;">this_menu_nav.attr('data-label', this_field_val).sortable('refresh'); </pre> <p>与 </p> <pre class="brush:bash;">this_menu_nav.data('label', this_field_val).sortable('refresh'); </pre> <p>看来使用<code>attr()</code>会导致一些缓存问题，所以我将其替换为<code>data()</code>似乎没有此问题的缓存。</p><br><br><b>1> Kodos Johnso..：</b><hr><p>我弄弄了这个，并且能够使其工作。在这里检查我的分叉小提琴：jsfiddle.net/qf7n89oe。</p> <p>我所做的唯一更改是更换了 </p> <pre class="brush:bash;">this_menu_nav.attr('data-label', this_field_val).sortable('refresh'); </pre> <p>与 </p> <pre class="brush:bash;">this_menu_nav.data('label', this_field_val).sortable('refresh'); </pre> <p>看来使用<code>attr()</code>会导致一些缓存问题，所以我将其替换为<code>data()</code>似乎没有此问题的缓存。</p></p> <br> <script type="text/javascript"> var cpro_id = "u6885494"; </script> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js"></script> </div> <div class="blog_tags"> <ul> <li><a href="https://www.php1.cn/tag/jquery" target="_blank" title="jquery">jquery</a></li> <li><a href="https://www.php1.cn/tag/html" target="_blank" title="html">html</a></li> <li><a href="https://www.php1.cn/tag/json" target="_blank" title="json">json</a></li> <li><a href="https://www.php1.cn/tag/https" target="_blank" title="https">https</a></li> <li><a href="https://www.php1.cn/tag/缓存" target="_blank" title="缓存">缓存</a></li> </ul> </div> <div class="article_cmnt" style="display: none;"> <div class="cmnt_title">写下你的评论吧 !</div> <form action="" method="post"> <div class="cmnt_text"> <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了