Pinterest 호버 버튼을 사용하지만 XHTML 1.0의 특정 이미지에 대해 사용 중지 함 엄격한 이미지

Question

내 블로그 페이지의 이미지에 기능을 추가하여 이미지 위로 마우스를 가져 가면 이미지를 pinterest에 고정 할 수 있습니다.

관심있는 사람에게 도움을 줄 수있는 페이지가 있습니다. https://en.help.pinterest.com/entries/23624997-Add-a-widget-to-your-website

나는 내 웹 사이트의 바닥 글에 코드를 추가했으며 정상적으로 작동합니다. 내가 추가 한 코드는 다음과 같습니다

<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js" data-pin-hover="true"></script> 

대표자 : 사용자 가이드는 원하지 않는 경우 호버 단추를 표시 할 것을 제안, 예를 들어,

이

data-pin-no-hover="true" 

그래서 그런 식으로, 이미지 태그는 다음과 같을 것이다, 그리고 호버 버튼이 표시되지 것입니다 : 특정 이미지에 다음과 같은 속성을 가진 태그를 수정

<img data-pin-no-hover="true" src="yourimage.jpg" /> 

나는 고정시키고 싶지 않은 이미지에 대해 내 사이트에서이 작업을 시도했지만 작동하지 않습니다.

사각형 공간 플랫폼 (버전 5)에서 개발중인 내 사이트는 XHTML 1.0 Strict입니다. 내가 할 수 있었던 연구 결과에서, 'data-'속성은 HTML5 속성 인 것으로 보이고, 따라서 그것을 시도하고 사용할 때, 그것이 내 사이트에서 작동하지 않는 이유입니다.

XHTML 1.0 Strict에서이 'data-'속성을 작동시키는 방법을 아는 사람이 있습니까?

조언 해 주셔서 감사합니다.

Answer 1

jQuery를 사용하는 경우, 알고있는 한 데이터 속성을 계속 사용할 수 있습니다. 같은

뭔가 : 아이디어에 대한

if ($('img.class').data('pin-no-hover')) { 
$('.pinterestClass').hide(); 
}