2014-02-19 3 views
0

У меня есть небольшой скрипт на jQuery, который используется для получения значения определенного элемента SVG и сохранения его на скрытом входе. Наконец, он добавляет класс, который изменяет непрозрачность элемента SVG.Internet explorer jquery + SVG

Проблема в том, что она не работает вообще на IExplore (неудивительно). Вот сценарий:

$(function() { 
     $("#diagnostic svg g").click(function(e){ 
      e.preventDefault(); 

      console.log($(this)); 

      $("#location").val($(this).attr("id")); 


      $(this).parent().find("g").each(function(){ 
       $(this).removeAttr("active"); 
      }); 
      $(this).attr("active","active"); 
     }); 
    }); 

и определения CSS:

#diagnostico svg g { opacity: 0; } 
#diagnostico svg g:hover, 
#diagnostico svg g[active="active"] { opacity: 1; } 

есть ли способ это исправить для IE?

Спасибо :-)

+1

Какую версию IE вы используете? Более старые версии имеют минимальную (если есть) поддержку SVG. Хотя это может и не быть идеальным, вы можете рассмотреть возможность преобразования ваших SVG и реализации ваших векторов в Rafael.js - также более старые версии дросселя Internet Explorer на console.log (это может быть дополнительная проблема). Вы можете разместить ссылку на страницу? –

+0

@JoshuaChavanne Я использую IE9, я читал, что никакой предыдущей поддержки нет. Вот миниатюрная версия: http://jsfiddle.net/s7k4T/ – nomeacuerdo

+1

@JoshuaChavanne, видимо, это вмешательство console.log, спасибо за понимание :-) – nomeacuerdo

ответ

1

Internet Explorer имеет минимальную поддержку console.log

Смежные вопросы