亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何刪除 Tagify 插件中的標簽?

如何刪除 Tagify 插件中的標簽?

慕標琳琳 2023-04-27 10:22:36
我需要處理一個將刪除所有 Tagify 標簽的動態按鈕。使用 jQuery 刪除所有標簽的文檔在這里: https: //yaireo.github.io/tagify/#section-jquery在文檔中它說:// get the Tagify instance assigned for this jQuery input object so its methods could be accessedvar jqTagify = $input.data('tagify');// bind the "click" event on the "remove all tags" button$('.tags-jquery--removeAllBtn').on('click', jqTagify.removeAllTags.bind(jqTagify))考慮到這一點,我嘗試了以下但沒有成功(可以在JSFiddle中看到):$(document).on('click', '#btn-test', function(){    var $input = $('#input-test').tagify();        $input.removeAllTags();});我還嘗試創建一種更接近文檔所述的方法:$(document).on('click', '#btn-test', function(){    var $input = $('#input-test');    var _tagify = $input.data('tagify');   _tagify.removeAllTags();});但在這兩種情況下,錯誤都是:無法讀取未定義的屬性“removeAllTags”我無法將刪除函數直接綁定到 DOM 元素,因為按鈕將即時創建。
查看完整描述

3 回答

?
慕的地10843

TA貢獻1785條經驗 獲得超8個贊

它以這種方式對我有用


 var prueba = '"Lic","ffff","asdasd","asdd","asd","dsdsd"';

 var $input = $('input[name=tags]');

 var jqTagify = $input.data('tagify');

 jqTagify.addTags(prueba);

 jqTagify.removeAllTags();


查看完整回答
反對 回復 2023-04-27
?
慕村225694

TA貢獻1880條經驗 獲得超4個贊

在 jquery 中:


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tagify/3.16.3/tagify.min.css" />

<input name='tags-jquery' id="input-test" >

<button id="btn-test">

  Delete

</button>



<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/tagify/3.16.3/jQuery.tagify.min.js"></script>


<script>

var $el = $('#input-test').tagify()

var jqTagify = $el.data('tagify')

var btn = $('#btn-test')

btn.on('click', jqTagify.removeAllTags.bind(jqTagify))

</script>


查看完整回答
反對 回復 2023-04-27
?
RISEBY

TA貢獻1856條經驗 獲得超5個贊

$input.data('tagify')將不起作用并將返回,undefined因為您沒有按照文檔中的說明使用 jQuery 初始化 Tagify :

$('#input-test').tagify()

以上是所有 jQuery 插件在應用于 DOM 節點時的使用方式——您首先實例化一個 jQuery 對象,然后在其上應用 jQuery 插件。一旦你這樣做了,該data屬性tagify將可用:$input.data('tagify')

相反,你像普通版本一樣初始化它,使用new Tagify(...).


查看完整回答
反對 回復 2023-04-27
  • 3 回答
  • 0 關注
  • 188 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號