Question

我已经编写了一些与Image Map Hotspot插件配合使用的jQuery，可以根据使用的图标为弹出窗口添加类。

这适用于Chrome和Firefox，但不适用于Safari，我想知道是否有人能找出原因？

$(window).load(function() {
   $('.info-icon').each(function() {
    var icon = $(this);
    var bgImg = $(this).css('background-image');


    if (bgImg == 'url("http://www.domain.com/client1/wp-content/themes/BespokeTheme/images/purple-circle.svg")') {
        $(this).prev().addClass('detected-pu purple-popup');
    }
    if (bgImg == 'url("http://www.domain.com/client1/wp-content/themes/BespokeTheme/images/orange-circle.svg")') {
        $(this).prev().addClass('detected-pu orange-popup');
    }
    if (bgImg == 'url("http://www.domain.com/client1/wp-content/themes/BespokeTheme/images/green-circle.svg")') {
        $(this).prev().addClass('detected-pu green-popup');
    }
    if (bgImg == 'url("http://www.domain.com/client1/wp-content/themes/BespokeTheme/images/lblue-circle.svg")') {
        $(this).prev().addClass('detected-pu lblue-popup');
    }
    if (bgImg == 'url("http://www.domain.com/client1/wp-content/themes/BespokeTheme/images/dblue-circle.svg")') {
        $(this).prev().addClass('detected-pu dblue-popup');
    }
  })    
});

谢谢！

Answer 1

感谢Jaromanda X - 不知道为什么我没有考虑记录bgImg以查看Safari认为它是什么！

结果大多数浏览器都返回了url（＆＃34; http：//...＆＃34;）字符串，而Safari正在删除双引号，导致url被跟踪为url（{{3 }}。）

现在全部解决了，谢谢Jaromanda指点！

jQuery - 不在safari中添加类？

1 个答案: