Tumblr无限滚动不使用jquery脚本_Jquery_Scroll_Tumblr_Infinite

Tumblr无限滚动不使用jquery脚本

jquery scroll

Tumblr无限滚动不使用jquery脚本,jquery,scroll,tumblr,infinite,Jquery,Scroll,Tumblr,Infinite,大家好-我正在使用Tumblr的cody sherman无限卷轴脚本以及一个脚本。问题是在通过无限滚动加载第2页后，jquery折叠脚本从此处停止工作。。。？如何让两个脚本一起运行？谢谢你的时间/帮助，D <html> <head>  <title>{block:IndexPage}dgsmigliani > Image Library{/block:IndexPage}{block:SearchPage} >

大家好-我正在使用Tumblr的cody sherman无限卷轴脚本以及一个脚本。问题是在通过无限滚动加载第2页后，jquery折叠脚本从此处停止工作。。。？如何让两个脚本一起运行？谢谢你的时间/帮助，D

<html>
<head>
<!-- TITLE -->
<title>{block:IndexPage}dgsmigliani > Image Library{/block:IndexPage}{block:SearchPage} > {SearchQuery}{/block:SearchPage}{block:PermalinkPage}dgsmigliani > Image Library > {PostID}{/block:PermalinkPage}</title>
<!-- DESCRIPTION -->
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<!-- FAVICON, RSS, EXTERNAL CSS -->
<link rel="shortcut icon" href="http://www.dgsmigliani.com/favicon.ico"/>
<link href="{RSS}" rel="alternate" type="application/rss+xml" />
<!-- SCRIPTS -->
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/bqtf2yr/4a0nbxeju/jquery.collapse.js" type="text/javascript"></script>
<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
<!-- STYLE -->
<style>
iframe#tumblr_controls {
top: 0% !important;
right:0% !important; 
position: fixed !important;}
/* BODY */
body {
font-family: arial, sans-serif;
font-size: 14px;
margin: 30px 30px 30px 40px;
}
/* IMAGE */
img {
}
img span {
display: block;
}
/* TYPOGRAPHY */
h1 {
font-size: inherit;
}
a {
color: inherit; /* blue colors for links too */ 
text-decoration: inherit; /* no underline */
}
a:hover {
color: red;
}
/* HEADER */
#header {
font-size: inherit;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
padding-bottom: 40px;
}
.title {
display: inline;
float:left;
padding-right: 5px;
}
/* SEARCH */
.search {
display: inline;
}
input[type=text] {
font-family: inherit;
font-size: inherit;
display: block;
font-weight: bold;
letter-spacing: inherit;
text-transform: uppercase;
border: none;
padding: 0px;
margin: 0px;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}
/* POST ID */
.post_id {
display: inline;
}
/* PERMALINK */
.permalink {
font-size: inherit;
line-height: 44px;
}
.permalink p {
display: inline;
padding-right: 15px;
}
.permalink img {
display: block;
}
</style>
</head>

<body>
{block:IndexPage}
<div id="header">
<div class="title">Daniel Smigliani > Image Library ></div>
<div class="search"><form action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}" placeholder="search"/></form></div>
</div>
<div id="posts">
{block:Posts}
{block:Photo}
<div class="photo" data-collapse>
{block:Caption}{Caption}{/block:Caption}
<a href="{Permalink}" target="_blank"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
</div>
{/block:Photo}
{/block:Posts}
{/block:IndexPage}
</div>
{block:PermalinkPage}
<div id="header">
<div class="title">Daniel Smigliani > Image Library ></div>
<div class="post_id">{PostID}</div>
</div>
<div id="posts">
{block:Posts}
{block:Photo}
<div class="permalink">
{block:Caption}{Caption}{/block:Caption}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
{block:Tags}<p>#{Tag} </p>{/block:Tags}
</div>
{/block:Photo}
{/block:PermalinkPage}
{/block:Posts}
</div>
</body>
</html>


{block:IndexPage}dgsmigliani>图像库{/block:IndexPage}{block:SearchPage}>{SearchQuery}{/block:SearchPage}{block:PermalinkPage}dgsmigliani>图像库>{PostID}{/block:PermalinkPage}
{block:Description}{/block:Description}
iframe#tumblr_控件{
排名：0%！重要；
右：0%！重要；
位置：固定！重要；}
/*身体*/
身体{
字体系列：arial，无衬线；
字体大小：14px；
利润率：30px 30px 30px 40px；
}
/*形象*/
img{
}
img跨度{
显示：块；
}
/*印刷术*/
h1{
字体大小：继承；
}
a{
颜色：继承；/*链接也使用蓝色*/
文本装饰：继承；/*无下划线*/
}
a:悬停{
颜色：红色；
}
/*标题*/
#标题{
字体大小：继承；
字体大小：粗体；
字母间距：1px；
文本转换：大写；
填充底部：40px；
}
.头衔{
显示：内联；
浮动：左；
右侧填充：5px；
}
/*搜寻*/
.搜索{
显示：内联；
}
输入[类型=文本]{
字体家族：继承；
字体大小：继承；
显示：块；
字体大小：粗体；
字母间距：继承；
文本转换：大写；
边界：无；
填充：0px；
边际：0px；
}
投入：聚焦，
选择：焦点，
文本区域：焦点，
按钮：焦点{
大纲：无；
}
/*邮政ID*/
.post_id{
显示：内联；
}
/*PERMALINK*/
permalink先生{
字体大小：继承；
线高：44px；
}
permalink p{
显示：内联；
右侧填充：15px；
}
permalink先生{
显示：块；
}
{block:IndexPage}
Daniel Smigliani>图像库>
{block:Posts}
{块：照片}
{block:Caption}{Caption}{/block:Caption}
{/block:Photo}
{/block:Posts}
{/block:IndexPage}
{block:PermalinkPage}
Daniel Smigliani>图像库>
{PostID}
{block:Posts}
{块：照片}
{block:Caption}{Caption}{/block:Caption}
{block:Tags}{Tag}{/block:Tags}
{/block:Photo}
{/block:PermalinkPage}
{/block:Posts}

调用

.collapse

时，不包括新添加的项。该插件似乎没有添加新项目的方法，而infinite scroll的版本也没有重新调用

。collapse

id

和

class

是不可互换的。你应该清理一下——任何给定的

id

名称应该只在页面上出现一次，并且

class

你可以用于其他任何事情。我认为这不会解决您的问题，但它会使您的代码不那么混乱。@lharby-javascript插件正在做所有的工作。我听说你提到了多个div，但即使我在一个页面上只有唯一的div，脚本仍然无法协同工作。@mikedidthis-我得出了与你相同的结论。我需要能够回调折叠脚本一旦无限卷轴踢进来。由于对javascripts略知一二，我不知道如何做到这一点…@dgsmigliani可能会看到，因为它提供了一个回调。然后可以再次调用

.collapse

。

$(document).ready(function(){

        $('#posts').infinitescroll({
        navSelector  : "div.footer",
        nextSelector : "div.footer a:first",
        itemSelector : "#posts div.photo"

    },function(arrayOfNewElems){
        $(".photo").collapse({});
    });

});