jQuery一度だけ追加アイコン

Question

私はテーブルの行のデータにアイコンを追加したいが、ウィンドウのサイズ変更は一度しか行わない。問題は、ウィンドウのサイズを変更するたびにアイコンが複数回追加されることです。これは、私が持っているコードで、ウィンドウが一度サイズ変更されたときに動作します。

$(window).on('resize', function(e) { 
     if ($(window).width() < 600) { 
      $('td.sorting').append('<i class="fa fa-chevron-right pull right fa-2x"></i>'); 
     } 

    }); 

もっと良い解決策がありますか？ ありがとうございます。

Answer 1

//You must add a mark when youYou must add a mark when you've added the icon 
$(window).on('resize', function(e) { 
    if ($(window).width() < 600) { 
      if(!$(this).data('addedIcon')) { 
      $('td.sorting').append('<i class="fa fa-chevron-right pull right fa-2x"></i>'); 
      $(this).data('addedIcon', true); 
      } 
    } 
});