Infinity-Scroll [Wordpress,Origin Theme,Shadowbox插件]

时间:2013-01-25 22:25:04

标签: javascript jquery wordpress infinite-scroll shadowbox

我从未做过Javascript,

在网站上我添加了rel =“shadowbox”到帖子中拉起帖子的灯箱。该模板内置了无限滚动,我已经看到你必须使用回调来使影子框在新帖子上工作。问题是我在哪里放置代码以及如何处理?

示例:

$("#container").on("focusin", function(){ $("a.ajaxFancyBox").fancybox({ // fancybox API options here 'padding': 0 }); // fancybox }); // on

我是否将它放在脚本标签中?

2 个答案:

答案 0 :(得分:0)

如果您愿意,可以将它包含在您网站的头部......这样的事情对您有用:

<script>
$(function(){

    $("#container").on("focusin", function(){ $("a.ajaxFancyBox").fancybox({ 
         // fancybox API options here 'padding': 0 
        }); // fancybox 
    }); 

});
</script>

如果你不是一个程序员而想要一个顶级模态插件(灯箱),我建议你查看Easy Fancybox。它工作,看起来很棒。 http://wordpress.org/extend/plugins/easy-fancybox/

答案 1 :(得分:0)

Scratch that Took Shadowbox&amp;轻松FancyBox完全。

使用内置加厚箱的Wordpress

在帖子上方添加了

<?php add_thickbox(); ?>

添加一个类

class="thickbox"

在添加链接的末尾,因为它是一个iframe

?KeepThis=true&TB_iframe=true&height=400&width=600

我认为它是自己的回调(如果我把它放进去,我找不到) 如果是这样,请将以下内容添加到header.php

<script> tb_init( $('a.thickbox, area.thickbox, input.thickbox',this) );</script>

就像我说的,我认为不需要它。

感谢您的帮助。