为 Jetpack Carousel 添加评分功能答案

【问题标题】：Adding rating feature to Jetpack Carousel为 Jetpack Carousel 添加评分功能
【发布时间】：2014-03-17 22:38:46
【问题描述】：

我在我的画廊网站中使用喷气背包轮播，我想添加图像评级功能。我在网站的其他部分运行了“wp-postratings”插件。

我假设我可以将其添加到单个图像中，因为 wp 将每个图像视为一个帖子，如果是这样，我在哪里可以找到我应该将此代码添加到的模板？

所有插件需要的是我在页面/图像中添加一行 php，但我不知道它应该去哪里，因为 carousel 的代码似乎完全是 js 和 php 生成的。

【问题讨论】：

标签： image wordpress jetpack

【解决方案1】：

演示： http://so.devilmaycode.it/adding-rating-feature-to-jetpack-carousel/gallery/

在 js 文件中jetPack_meet_wpPostRating.js 复制此代码（将文件放在您主题的 js 文件夹中）：

https://gist.github.com/aSeptik/9739808

在您主题的 functions.php 文件中输入以下代码：

https://gist.github.com/aSeptik/9739808

注意

安装上述脚本后，请务必在测试前删除浏览器缓存。

使用最新的 wordpress、jetpack 和 wp-postrating 版本进行测试。

这也适用于同一页面中的多个图库。

不需要任何额外的 [ratings] 短代码。

这个答案的赏金太低了... ;)

修复

已修复的错误向 consol.log 添加了一些检查和调试...

【讨论】：

恐怕不行。我想知道这是否是因为我最简单的画廊插件。这段代码所改变的只是缩略图总是在它们上面有它们的标题，而不是当鼠标放在它们上面时。不过还是谢谢。
@SpeedCrazy 我不知道最简单的画廊插件，反正我正在为你准备一个现场演示。正如我所说，我已经按照您在问题中描述的那样，使用 jetpack 和 wp-postratings 插件在全新的 wp 安装中对其进行了编码。
感谢更新，我明天回家会尽快测试。
@SpeedCrazy：我已经更新了一点 js 部分，因为我发现了一个小错误...请更新 github 上的最新代码...
我感谢你所有辛勤工作的人，如果可以的话，我会增加赏金，但它仍然不起作用。现在，只要我包含您的代码，IT 就会引发内部服务器错误。我没有时间坐下来逐行调试它，但我想知道它是否与加载时有关？我的主题有一个自定义 php 文件，它最后从我放置它的不同目录加载。请注意，我尝试将其直接放入文件中，但也失败了。

【解决方案2】：

You can use hook into the Jetpack Carousel on the server-side 
(like to output your data, for example). 

Then on the client-side, get your Javascript rating code to 
load after the Jetpack+Carousel JS, and hook into them 
(hook on the bindings, etc). 

 JetPack provides 2 JavaScript hooks: 
 1) jp_carousel.afterOpen 
 2)jp_carousel.beforeClose.

Action hook code example

【讨论】：