アイコンが表示されないのはなぜですか？

Question

これは私がプロジェクトに協力してきた完全なプロジェクトQuickLinks.v4

にジップであり、我々は問題で立ち往生している、我々はにユニークないくつかのオプションを持って、右クリックメニューを持っているアイコンのすべてをしたいです各アイコン。私たちはほとんど完了しましたが、アイコンはスクリーンに描かれていません。私たちは当時の最初の5時間に取り組んでいます。これは初めてjQueryを使って作業していて、助けていただければ幸いです。

私は今、私が関係していると思うプロジェクトの部分を投稿します。

icon.html

<a target="_blank"> 
    <img class="icons" /> 
    <div class="data"> 
      <div> 
       <input type="hidden" class="login" /> 
       <input type="hidden" class="username" /> 
       <input type="hidden" class="password" /> 
      </div> 
    </div> 
</a> 

icon.js

function buildIcons() { 
    var icons = [ 
     ["https://discordapp.com/", "discord-icon", "icons/discord.png", "social", "Discord", 
      [ 
       ["Main Account", "lela_null", "somepass"], 
       ["Bot Account", "Uta Yuki", "somepass"] 
      ] 
     ], 
     ["https://www.youtube.com/", "youtube-icon", "icons/youtube.png", "social", "YouTube", 
      [ 
       ["Main Account", "lela@email", "somepass"], 
      ] 
     ], 
     ["https://www.facebook.com/?sk=h_chr", "facebook-icon", "icons/facebook.png", "social", "Facebook", 
      [ 
       ["Main Account", "lela@email", "somepass"], 
      ] 
     ], 
     ["https://www.twitter.com/", "twitter-icon", "icons/twitter.png", "social", "Twitter", 
      [ 
       ["Main Account", "lela@email", "somepass"], 
      ] 
     ], 
     ["https://mg.mail.yahoo.com/neo/launch?.rand=8647i3s40jpvp", "ymail-icon", "icons/ymail.png", "social", "Yahoo Mail", 
      [ 
       ["Main Account", "lela@email", "somepass"], 
      ] 
     ] 
    ]; 



    $.get('data/icon.html', function(data) { 
     var icon; 
     icons.forEach(function(iconData, index, array) { 
      console.log(index); 
      icon = $(data).insertAfter("#" + iconData[3]); 
      $(icon).find("img").attr("src", iconData[2]); 
     }); 
    }); 
}; 

script.js

/* get icon id */ 
function buildMenu(iconId) { 
    $("#remove").click(function() { 
     $("#" + iconId).hide(); 
     cancel(); 
    }); 
    $("#menu-title").text($("#"+iconId).data("name")); 
    $("#site-link").attr("href", $("#" + iconId).parent().attr("href")).click(cancel); 
    switch(iconId) { 
    }; 
} 

/* set right click for icons */ 
$(document).ready(function() { 
    buildIcons(); 
    $(".icons").on("contextmenu", function(e) { 
     buildMenu(this.id); 
     $("#contextmenu").show().css({ 
      top: e.clientY, 
      left: e.clientX 
     }); 
     e.preventDefault(); 
    }); 
}); 

function cancel() { 
    $("#contextmenu").hide(); 
} 

複数のファイルがありますコードが必要な場合は、上にダウンロードしてください。

また、コンソールには、jQuery.jsファイルにTypeError: a is nullと表示されています。

Answer 1

jQueryのは、別のファイルからのHTMLを含めることはできません。

Answer 2

チェックこの

$.get('data/icon.html', function(data) { 
    icons.forEach(function(iconData, index, array) { 
     console.log(index); 

     // Get 'data' as jQuery object 
     var $data = $(data); 

     // Find image tag and set source 
     $data.find('img').attr('src', iconData[2]); 

     //Finally put it on page 
     $data.insertAfter("#" + iconData[3]); 
    }); 
});