Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/397.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 启用Chrome插件后,如何在我的网站上的图像中隐藏“锁定”按钮_Javascript_Jquery_Html_Google Chrome_Google Chrome Extension - Fatal编程技术网

Javascript 启用Chrome插件后,如何在我的网站上的图像中隐藏“锁定”按钮

Javascript 启用Chrome插件后,如何在我的网站上的图像中隐藏“锁定”按钮,javascript,jquery,html,google-chrome,google-chrome-extension,Javascript,Jquery,Html,Google Chrome,Google Chrome Extension,嗨,我已经安装了chrome Pinterest插件,当它被启用时,我在我的网站上的所有图片上都会看到“锁定”按钮(悬停),即使启用了chrome扩展,我如何停止“锁定”按钮出现在我的网站上 在谷歌搜索之后,我在一个博客上发现了以下内容: 您可以作为安装了的个人轻松禁用此功能 扩展,但如果您不希望它与任何其他社交网站冲突 你的网站上可能有软件,你所需要做的就是将其添加到 曾经的IMG标签: 但这是针对单个图像的,有没有其他方法可以覆盖插件,从chrome扩展中禁用“pinit”按钮?使用JS/

嗨,我已经安装了chrome Pinterest插件,当它被启用时,我在我的网站上的所有图片上都会看到“锁定”按钮(悬停),即使启用了chrome扩展,我如何停止“锁定”按钮出现在我的网站上

在谷歌搜索之后,我在一个博客上发现了以下内容:

您可以作为安装了的个人轻松禁用此功能 扩展,但如果您不希望它与任何其他社交网站冲突 你的网站上可能有软件,你所需要做的就是将其添加到 曾经的IMG标签:

但这是针对单个图像的,有没有其他方法可以覆盖插件,从chrome扩展中禁用“pinit”按钮?使用JS/jQuery

Chrome扩展js:

编辑


似乎不再工作了

如果要对所有图像禁用它,可以尝试以下jQuery:

$('img').attr('data-pin-no-hover', '');

好的,我刚刚阅读了Pinterest文档,要在页面或网站上禁用Pinterest, 只需添加一个元标记:

<meta name="pinterest" content="nopin" />


“pinterest”按钮将不再出现在网站上。

编辑,很抱歉,我的回复特别针对您的编辑:

如果只想在一个图像上禁用悬停锁定按钮,则需要为属性指定true开关

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


。。。我花了好几个小时才弄明白这一点,结果发现,把它添加到你的图像标签上就很容易了


nopin=“nopin”

如果要禁用Google Chrome上的悬停锁定按钮,请在脑海中使用以下标记:

<meta name="pinterest" content="nohover"></meta>

您可以在Pinterest的博客上了解更多信息:

使用
no pin
代码将禁用对该图像的锁定

希望有帮助


克里斯蒂

你有两种方法:

1) 将其禁用为单个图像(),如您所做,但您忘记了值
“true”
,有必要:

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

2) 在文档的
处,将其禁用到整个文档中:



你只需要选择哪种情况更适合你。

查理在2014年3月12日20:34的回答现在已经过时了。最可靠的方法是添加
nopin=“nopin”
作为图像属性:


~DR

请检查编辑,因为
数据pin no hover
似乎不再起作用了。您能提供相关网站的url以便我查看标记吗?太棒了!很高兴你找到了解决办法!感谢您的帮助@TheVanilla Thriftathanks,这也是一个很好的解决方案:)@j morley这帮助了我
数据pin no hover=“true”
不再工作,请使用
nopin=“nopin”
<meta name="pinterest" content="nopin" />