2013-07-18 1 views
0

jquery.maphighlight와 함께 내 페이지 중 하나에서 영역 태그를 사용하여 그림의 일부를 선택하거나, 사용자가 클릭 할 때 켜거나 끌 수 있습니다 그들. 나는 이것을 사용하고있는 영역이 20여 가지에 이르며 href 속성을 사용하여 어느 것이 클릭되었는지 여부와 강조 표시할지 여부를 결정합니다. 영역은 다음과 같이 보입니다.IE8에서 원치 않는 href 속성 리디렉션

<area data-maphilight='{"fillColor":"00cc00","shadow":false, "strokeColor":"000000", "alwaysOn":false}' shape="poly" href="20" coords="554,266,548,268,485,268,475,266,471,266,471,283,484,295,548,295,551,293,555,295,561,296,568,296,573,293,576,288,577,282,576,275,573,270,569,267,563,265" /> 

자바 스크립트는 href 속성 값을보고 무엇을해야할지 파악합니다. IE8을 제외하고 모두 잘 작동합니다. 문제는 href 속성이 있기 때문에 IE8은 이것을 링크로 간주하고 다른 페이지에서 jref를 실행하는 동안 href 값을 추가하는 것과 동일한 페이지로 다시 리디렉션한다는 것입니다. 그래서 내 질문에 IE8을 다른 페이지로 리디렉션하는 것을 멈추고 페이지가 사라지기 전에 JavaScript가 잘 작동하고 다음 페이지로 리디렉션된다는 것을 알 수 있으므로 현재 페이지를 유지할 수 있습니까?

+1

기본적으로 href가 아닌 href 속성이 아닌 관련 데이터를 저장합니다. "event.preventDefault' 또는'return false ; '클릭 핸들러에서. – luk2302

+0

안녕하십니까. 의견을 보내 주셔서 감사합니다. 결국 href와는 다른 속성을 사용하게되었습니다. 시간을 절약하고 지름길을 찾고 싶었지만 올바른 방법으로하는 것이 더 중요하다고 생각합니다! – mmvsbg

답변

1

href 속성을 사용하지 마십시오. data-reference="20" 또는 무엇인가를 사용하십시오.

+0

그럴 수있는 유일한 방법이라고 생각합니다. 짧은 컷을 찾고 있었지만 마지막에 추가 작업을 할 것입니다. 고맙습니다! – mmvsbg