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

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

動態添加的生動圖標的問題

動態添加的生動圖標的問題

慕絲7291255 2022-05-14 13:41:31
我想在我的項目中使用Vivid 圖標。它一直有效,直到我想動態添加它。我猜沒有事件處理程序可以將 <i/> 標簽實際更改為 <svg/>。<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>  <script src="https://code.jquery.com/jquery-3.1.0.js"></script>  <script src="https://cdn.jsdelivr.net/npm/[email protected]" type="text/javascript"></script>  <p>Here is a bag</p>  <i data-vi="bag"></i>  <p>Now add a box</p>  <button id="add" type="button">Add a box</button>  <script>        $("#add").click(function(){      $("body").append("<p>added, but where it is?</p>");      $("body").append('<i data-vi="bag"></i>');    });      </script>有沒有辦法在添加圖標'<i data-vi="bag"></i>'后觸發vivid-icons.js中的功能?
查看完整描述

1 回答

?
倚天杖

TA貢獻1828條經驗 獲得超3個贊

這可能是生動庫中的錯誤,但您可以使用 ajax 獲取生動并在每次添加另一個圖標時運行它。


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


  <script src="https://code.jquery.com/jquery-3.1.0.js"></script>


  <p>Here is a bag</p>

  <i data-vi="bag"></i>

  <p>Now add a box</p>

  <button id="add" type="button">Add a box</button>

  <script>

    var vivid

    if (!vivid) { 

      $.get('https://cdn.jsdelivr.net/npm/[email protected]', function (script) {

       vivid = function () { eval(script) }

       vivid()

      })

    }

    



    $("#add").click(function(){

      $("body").append("<p>added, but where it is?</p>");

      $("body").append('<i data-vi="bag"></i>');

      vivid()

    });

    

  </script>

或者如果您想自己更改庫,您可以添加 window.vivid 行,然后每次添加另一個圖標時,只需在此之后運行vivid():


"loading" !== document.readyState ? v() : document.addEventListener("DOMContentLoaded", (function() {

    v()

}))

window.vidid = v


查看完整回答
反對 回復 2022-05-14
  • 1 回答
  • 0 關注
  • 91 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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