Использование кнопки Pinterest hoverbutton, но отключение его для определенных изображений в XHTML 1.0 Strict

Question

Я хотел бы добавить возможность для изображений на моей странице блога иметь ссылку, чтобы прикрепить изображение к pinterest при наведении курсора на них.

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> 

Pinterest руководство пользователя предполагает, что, когда вы не хотите, чтобы кнопка парения появляться, например, на конкретном изображении, вы изменить тег со следующим атрибутом:

data-pin-no-hover="true" 

Так таким образом, тег изображения будет выглядеть следующим образом, а кнопка парения не появится:

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

Я попытался сделать это на своем сайте для изображений, которые я не хочу привязывать, но это не работает.

Мой сайт, который я разрабатываю на платформе квадратов (версия 5), находится в XHTML 1.0 Strict. Из исследования, которое я смог сделать, кажется, что атрибут «data-» является атрибутом HTML5, и, соответственно, когда я его пытаюсь использовать, это причина, по которой он не работает для моего сайта.

Кто-нибудь знает способ заставить этот атрибут «data-» работать в XHTML 1.0 Strict?

Спасибо за любой совет, который вы можете дать.

Answer 1

Если вы используете jQuery, вы все равно можете использовать атрибут data, насколько я знаю.

Что-то вроде:

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