无法使任何jquery灯箱工作

时间:2014-05-12 13:27:06

标签: jquery prettyphoto lightbox2

更新:现在灯箱和easybox都在为wordpress画廊工作,问题是链接指的是图片附件页面,而不是图片本身。现在我已经解决了它,easybox和lightbox都正常工作。 问题:仍然无法让swipebox和prettyphoto工作。我不知道在哪里放置激活脚本。 $(' .swipebox&#39)。swipebox();真的很感谢你的帮助。

我正在尝试为wordpress主题库安装jquery灯箱。我尝试了Lightbox2,easybox,swipebox,我按照相应网站上提到的步骤进行了操作。我包括了所有的js和css文件。将所需的代码放在各处 - 在每种情况下都有所不同,具体取决于使用的插件和提供的说明。例如,在swipebox的情况下:

$(".gallery a").each(function () {$(this).attr("class", "swipebox");});
$(".swipebox").swipebox(); 

(我已经尝试在已经包含的js文件中添加此代码,或者单独作为标题中的脚本添加,或者在页脚中,即使包含所有swipebox文件也没有任何反应)

Lightbox2的问题 - 显示叠加但图像未加载到灯箱叠加层中,只是等待加载数小时。点击图库中的任何图片,都需要永远加载。

所有其他 - 点击的图库项目在另一个页面中打开,好像灯箱插件不存在,即使我可以在inspect element-> sources窗口中看到所有js和css文件都正确包含。  我更喜欢使用swipebox或easybox,所以请帮忙!

更新 我也试过了prettyPhoto。这就是我继续前进的方式(我在所有其他插件中也做过类似的事情):

包含插件文件的代码在单独的php文件中如下所示:

<?php

function gs_lightbox(){     if(!is_admin()){         wp_register_script(&#39; lightbox&#39;,get_template_directory_uri()。&#39; /prephotophoto/js/jquery.prettyPhoto.js' ;, array(&#39; jquery&#39;));

wp_enqueue_script( 'lightbox' );

wp_enqueue_style( 'lightboxcss', get_template_directory_uri() . '/prettyphoto/css/prettyPhoto.css' );

}

} add_action(&#39; wp_footer&#39;,&#39; gs_lightbox&#39;);?&gt;

在我的functions.php中,我调用此文件,因此在检查Inspect Element-&gt; Source时包含所有文件。

//Include Lightbox

include_once(TEMPLATEPATH。&#39; /prettyPhoto/includept.php');

在我的js脚本文件中,我添加此代码以激活插件:

$(".gallery a").each(function () {
    $(this).attr("rel", "prettyPhoto");
});

所有标签都添加了rel属性:

这不应该吗?但它不是,当我点击图库时,它仍然会在新页面打开...我不知道这里出了什么问题,请帮助!

0 个答案:

没有答案