在Wordpress网页中实现jQuery的.wrap

Question

我想我理解.wrap方法。我正在尝试在Wordpress生成的页面中包围图像链接。 代码：

<!--wrapping wp-post-image in prettyPhotolink-->
<script>$(".wp-post-image").wrap("<a rel="prettyPhoto"></a>");</script>

我认为我的问题是我在哪里运行脚本？我已经尝试过身体内部，头部和身体顶部的身体。这些都不起作用。

Answer 1

行情不匹配

<script>$(".wp-post-image").wrap("<a rel='prettyPhoto'></a>");</script>
added single quote(') here               ^           ^

您的代码存在问题

<script>$(".wp-post-image").wrap("<a rel="prettyPhoto"></a>");</script>
                                  ^string^   var      ^

prettyPhoto在您的代码中是可变的，未定义，因此您收到错误。

Answer 2

除了Tushar所提到的，你的问题可能是你需要wrap it in $(document).ready()，la：

<script>$(function() {$(".wp-post-image").wrap("<a rel='prettyPhoto'></a>"); });</script>