jquery - 如何将灯箱 (prettyphoto) 应用于内容 div 中的所有图像？

Question

我安装了一个灯箱脚本，现在我想将该脚本应用到内容 div 中的每个图像上。我怎样才能实现这个目标？

我当前的 JS 代码:

       <script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
   $("a[rel^='prettyPhoto']").prettyPhoto();
  });
 </script>

我希望将其应用到的 css/div:

div.post img {

不知怎的，我无法让它工作，而且我的 jQuery 技能也不存在:)

提前感谢您的帮助:)

Answer 1

目前，您正在查找所有<a>标签为 rel='prettyPhoto'并在它们上使用 PrettyPhoto() 插件。

您可以将相同的方法应用于您的 div.post img {选择器，通过执行以下操作:

$("div.post img").prettyPhoto();

我所做的只是更改 JQuery 选择器以匹配您提供的 div css 标识符。因此，prettyPhoto() 将应用于“div.post img”中的所有元素。