Javascript IE10/9中的.load（）函数不工作

在后端（wordpress），我让用户选择一个图标，然后输出一个文本字符串。我使用.icons类搜索所有图标，并用相应的svg替换它找到的字符串。它工作得很好，但在IE9/10中，加载函数不起作用，字符串也不会被替换

我已经读到其他人也有类似的问题，但是当试图实现类似的修复时，没有任何效果，字符串仍然会被输出[，]

到目前为止，我还没有任何运气。我想知道是否有人能给我更好的洞察力

JS/JQuery

function icons() {
  $('.icons').each(function() {
    var counter = 0;
    var select =  $(this).html();
    var url = location.origin;
    var path = "/wp-content/themes/Proxy-Engine/dist/assets/icons/svg/";
    var ext = ".svg";
    var icon = url+path+select+ext;
    $(this).load(icon, null, function() {
      $('.icons svg g').removeAttr('stroke');
    });
    var loc = location.origin;
    $(this).html(select)
  });
}

---

IE9/10不支持window.location.origin。我从var图标中删除了url，并将其设置为相对路径

谢谢大家的帮助

function icons() {
  $('.icons').each(function() {
    var counter = 0;
    var select =  $(this).text();
    var path = "/wp-content/themes/Proxy-Engine/dist/assets/icons/svg/";
    var ext = ".svg";
    var icon = path+select+ext;
    $(this).load(icon, function() {
      $('.icons svg g').removeAttr('stroke');
    });
  });
}

---

IE9/10不支持window.location.origin。我从var图标中删除了url，并将其设置为相对路径

谢谢大家的帮助

function icons() {
  $('.icons').each(function() {
    var counter = 0;
    var select =  $(this).text();
    var path = "/wp-content/themes/Proxy-Engine/dist/assets/icons/svg/";
    var ext = ".svg";
    var icon = path+select+ext;
    $(this).load(icon, function() {
      $('.icons svg g').removeAttr('stroke');
    });
  });
}

---

$（this.html（）

）返回的值是多少？您在尝试F12控制台时是否遇到任何类型的错误或任何东西？你知道它在IE11中是否有效吗？您的站点是否有可能在IE的兼容模式下运行？@KevinHeidt在IE11中运行良好，edge和我不在兼容模式下，也不会抛出任何错误。如果您在onload函数中注释掉该行，您是否看到了相同的结果？我还不明白为什么要在末尾设置$（this）.html（select）。根据最终的处理方式，您可能会覆盖svg加载。试着注释掉最后一行，看看它是否有区别。

$（this.html（）

）返回的值是多少？当您尝试时，F12控制台中是否出现任何类型的错误或任何东西？你知道它在IE11中是否有效吗？您的站点是否有可能在IE的兼容模式下运行？@KevinHeidt在IE11中运行良好，edge和我不在兼容模式下，也不会抛出任何错误。如果您在onload函数中注释掉该行，您是否看到了相同的结果？我还不明白为什么要在末尾设置$（this）.html（select）。根据最终的处理方式，您可能会覆盖svg加载。试着把最后一行也注释出来，看看它是否有区别。