본문 바로가기

꿀팁

img jquery.rwdImageMaps.js 사용시 display:none 후 map 안잡힐 때 모바일

모바일에서 이미지 맵 잡았을 때 사용하는 jquery.rwdImageMaps.js 많이 사용하는데, 

js 나 css 통해서 이미지 display:none; 후 display:block; 하면 이미지 맵이 제대로 안잡히거나 아예 안잡힌다 

 

$(document).ready(function(){

 $('img[usemap]').rwdImageMaps();

 $('.target').click(function(){
  $('.nonImg').css("display","block");
  $('img[usemap]').rwdImageMaps();
 })
    
})

 

상태 변경 후에 $('img[usemap]').rwdImageMaps(); 을 다시 적어주면된다!