Question

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

我已经读过其他人遇到过类似的问题，但是在尝试实施类似修复时，没有任何工作，字符串仍然会被输出[CSS Tricks，Another Stack Question]。

到目前为止我还没有运气，所以想知道是否有人能给我更好的见解。

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)
  });
}

Answer 1

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');
    });
  });
}

IE10 / 9中的.load（）函数无法正常工作

1 个答案: