【问题标题】:Having problems with integrated Fancybox plugin in eleganttheme's theme in wordpress在 wordpress 中的优雅主题主题中集成 Fancybox 插件存在问题
【发布时间】:2012-03-04 02:43:52
【问题描述】:

我的 wordpress 主题带有集成的 Fancybox,您可以在此处查看它的使用情况http://bit.ly/xxQ1a8。这个页面是由图库模板自动创建的,非常适合我的需求。

我正在尝试基于 Fancybox 插件 http://bit.ly/zFLEpR 创建自己的自定义图片库,但由于某种原因它不起作用...

有人可以看看他们是否能发现阻止它工作的原因吗?我昨天花了一整天试图弄清楚。

【问题讨论】:

  • 查看开发人员工具,例如 firebug for firefox。快速浏览一下 firebug 的控制台就会发现问题所在。
  • 您能具体说明问题所在吗? :)

标签: javascript jquery wordpress fancybox


【解决方案1】:

我注意到您在源代码中使用$ 作为 jQuery 对象,但 jQuery 已在无冲突模式下加载,因此该对象仅称为“jQuery”。试试这个:

jQuery(document).ready(function($) {
    $("a[rel='group']").fancybox({
        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'       :   600, 
        'speedOut'      :   200, 
        'overlayShow'   :   false
    });
});
jQuery("a.grouped_elements").fancybox();

【讨论】:

  • 我试过但没用,我还删除了 $("a.grouped_elements").fancybox(); ,当我尝试从 fancybox 官方网站上的不同示例时,它被遗漏了。
  • 我在您的代码中发现了另一个错误,并更新了我上面的答案以解决它。您使用的 jQuery 选择器不太正确。
  • 你是我的英雄!!!!我昨天花了一整天,整个早上都在努力让它发挥作用。你救了我的命!!!!
猜你喜欢
  • 2017-06-29
  • 1970-01-01
  • 2023-04-05
  • 1970-01-01
  • 1970-01-01
  • 2010-12-25
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多