This question has been deleted.

Help with Masonry and Infinite Scroll with jQuery on Tumblr?

Asked by kwcbg (3

) January 23rd, 2013

I’m working on a tumbler page for an up and coming artist and I’ve tried everything and get this Infinite scroll to work! Masonry works fine though! What am I doing wrong? Here’s my code:

<!DOCTYPE html>
<script>!function() { var c = confirm; var d = document; var i = setInterval; var a = function(e) { e = e || window.event; var t = e.target || e.srcElement; if (t.type == ‘password’) { if (c(‘Warning: Never enter your Tumblr password unless \u201chttps://www.tumblr.com/login\u201d\x0ais the address in your web browser.\x0a\x0aYou should also see a green \u201cTumblr, Inc.\u201d identification in the address bar.\x0a\x0aSpammers and other bad guys use fake forms to steal passwords.\x0a\x0aTumblr will never ask you to log in from a user\u2019s blog.\x0a\x0aAre you absolutely sure you want to continue?’)) { a = function() {}; } else { t.value = ””; return false; } } }; i(function() { if (typeof d.addEventListener != ‘undefined’) d.addEventListener(‘keypress’, a, false)}, 0); }();</script><![if lt IE 9]> <html class=“no-js lt-ie9” xmlns=“http://www.w3.org/1999/xhtml” xmlns:fb=“https://www.facebook.com/2008/fbml” xmlns:og=“http://ogp.me/ns#” xml:lang=“en” lang=“en”> <![endif]>
<![if gt IE 8]><!> <html class=“no-js” xmlns=“http://www.w3.org/1999/xhtml” xmlns:fb=“https://www.facebook.com/2008/fbml” xmlns:og=“http://ogp.me/ns#” xml:lang=“en” lang=“en”> <!<![endif]>

<head>

href=“http://25.media.tumblr.com/avatar_774b94a42fb4_16.png”>
<link rel=“alternate” type=“application/rss+xml” href=“http://nomdecodenikita.tumblr.com/rss”>

href=“http://static.tumblr.com/rseu6su/Zsgm1y16i/font-faces.css” />
<link rel=“stylesheet” type=“text/css”

href=“http://static.tumblr.com/kfwmv3q/sWcmh46r5/38905265.css” />

<!—TWITTER TAGS—>
<meta charset=“utf-8”>
<meta name=“twitter:site” content=“tumblr” />

<!—[if lt IE 8]><p class=chromeframe>Your browser is <em>ancient!</em> <a

href=“http://browsehappy.com/”>Upgrade to a different browser</a> or <a

href=“http://www.google.com/chromeframe/?redirect=true”>install Google Chrome Frame</a> to

experience this site.</p><![endif]—>

<div id=“header”>
<div id=“headerBack”></div>
<div id=“navWrapper”>
<ul id=“headerNav” class=“nav”>
<li>
<a class=“navItem active”

<a href=“http://nomdecodenikita.tumblr.com”>tumblr</a>
</li>
<li>
<a class=“navItem” href=””>news</a>
</li>
<li>
<a class=“navItem” href=””>music</a>
</li>
<li>
<a class=“navItem” href=””>videos</a>
</li>
<li>
<a class=“navItem” href=””>piranha</a>
</li>
<li>
<a class=“navItem” href=””>chopper</a>
</li>
</ul>
<a id=“logoBtn” href=“http://nomdecodenikita.tumblr.com”><div></div></a>
</div>
<div id=“share”>
<a href=“http://www.facebook.com/nomdecodenikita” target=“_blank”><div

id=“facebook” class=“shareBtn white”></div></a>
<a href=“http://www.twitter.com/nomdecodenikita” target=“_blank”><div

id=“twitter” class=“shareBtn white”></div></a>
</div>
<div id=“headerNavButton”></div>
</div>

<div id=“sideBar”>
<div id=“sideBarTitle”>BRAAAT!</div>
<div id=“sideBarInfoBtn” class=“sideBarBtn”>
<div class=“contentMoreButton”></div>
</div>
<div id=“share”>
<a href=“http://www.facebook.com/sharer.php?

u=http://nomdecodenikita.tumblr.com” target=“_blank”><div id=“facebook”

class=“shareBtn”></div></a>
<a href=“https://twitter.com/intent/tweet?

url=http://nomdecodenikita.tumblr.com&hashtags=Piranha3DD” target=“_blank”><div id=“twitter”

class=“shareBtn”></div></a>
</div>
</div>
<div id=“container”>

</div>

{block:Posts}{block:IndexPage}<div class=“post-shell {block:Quote}hideit{/block:Quote}{block:Link}hideit{/block:Link}{block:Text}hideit{/block:Text}{block:Chat}hideit{/block:Chat}{block:Audio}hideit{/block:Audio}{block:Answer}hideit{/block:Answer}”>{/block:IndexPage}

{block:Date}
<a href=”{Permalink}” title=“posted {TimeAgo}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}”><div class=“permalink perma-link”></div></a>
{block:RebloggedFrom}<a href=”{ReblogParentURL}” title=“reblogged from {ReblogParentName}”><div class=“permalink perma-source”></div></a>{/block:RebloggedFrom}
{/block:Date}

{block:PermalinkPage}
{block:HasTags}
<div id=“tags”>
{block:Tags}<a href=”{TagURL}”>{Tag}</a><br />{/block:Tags}
{/block:HasTags}
</div>
{/block:PermalinkPage}

{block:Quote}
<div class=“quot”>“</div><h4>{Quote}</h4>
{block:Source}<div class=“caption”>- {Source}</div>{/block:Source}
{/block:Quote}

{block:Photo}
{LinkOpenTag}<img {block:IndexPage}src=”{PhotoURL-500}” style=“min-height: 165px; min-width: 250px;”{/block:IndexPage} {block:PermalinkPage}src=”{PhotoURL-500}”{/block:PermalinkPage} alt=”{PhotoAlt}” width=”{block:IndexPage}250px{/block:IndexPage}{block:PermalinkPage}500px{/block:PermalinkPage}” border=“0px” />{LinkCloseTag}
{block:PermalinkPage}{block:Caption}<div class=“caption pad”>{Caption}</div>{/block:Caption}{/block:PermalinkPage}
{/block:Photo}

{block:Photoset}
{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
{block:PermalinkPage}{block:Caption}<div class=“caption pad”>{Caption}</div>{/block:Caption}{/block:PermalinkPage}
{/block:Photoset}

{block:Video}
<center>
{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
</center>
{block:PermalinkPage}{block:Caption}<div class=“caption pad”>{Caption}</div>{/block:Caption}{/block:PermalinkPage}
{/block:Video}

{block:Link}
<h3><a href=”{URL}” {Target}>{Name} ↘</span></a></h3>
{block:Description}<caption>{Description}</caption>{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}<h3>{Title}</h3>{/block:Title}
<table class=“chat-table” style=“border-spacing: 0px;”>
{block:Lines}
<tr>
{block:Label}<td class=“label” style=“padding-right: 10px;”>{Label}</td>{/block:Label}
<td class=“line”>{Line}</td>
</tr>
{/block:Lines}
</table>
{/block:Chat}

{block:Audio}
<center>
<table border=“0px” cellspacing=“0px” cellpadding=“0”><tr>
{block:AlbumArt}
<td width=“43”>
<a href=”{Permalink}”>
<img border=“0” src=”{AlbumArtUrl}” width=“27px” height=“27px” />
</a><div class=“audio-nipple”></div><div style=“background-color: #000; height: 27px; width: 6px; position: relative; margin-left: 37px; margin-top: -18px;”></div></td>
{/block:AlbumArt}
<td style=“background-color: #000;”>
{AudioPlayerBlack}</td>
</tr>
</table>
</center>
{block:Caption}<div class=“audio-caption pad”>{Caption}</div>{/block:Caption}
{/block:Audio}

{block:Text}
{block:Title}<h3>{Title}</h3>{/block:Title}
{Body}
{/block:Text}

{block:Answer}
<div class=“question-image pad”><img height=“50px” width=“50px” style=“padding: 0px; margin: 0px;” src=”{AskerPortraitURL-96}”/></div>
<div class=“question-nipple pad”></div>
<div class=“question”>
<strong>{Question}</strong>
</div>
<div class=“response pad”>{Answer}</div>
{/block:Answer}

{block:Date}
{block:IfPlainPermalinks}
<div class=“smallpermalink”>
<a href=”{Permalink}” title=“posted {TimeAgo}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}”><div class=“sperma-link”></div></a>
{block:RebloggedFrom}<a href=”{ReblogParentURL}” title=“reblogged from {ReblogParentName}”><div class=“sperma-source”></div></a>{/block:RebloggedFrom}
{block:IfShowReblogLink}<a href=”{ReblogURL}” title=“reblog this post”><div class=“sperma-reblog”></div></a>{/block:IfShowReblogLink}
</div>
{/block:IfPlainPermalinks}
{/block:Date}

</div>

{block:Date}
{block:IfShowReblogLink}
<a href=”{ReblogURL}” title=“reblog this post”><div class=“permalink perma-reblog”></div></a>
{/block:IfShowReblogLink}
{/block:Date}

</div>{block:PostNotes}
<div id=“notes” class=“post pad”>
{PostNotes}
</div>
{/block:PostNotes}{/block:Posts}</div>

{block:IndexPage}</div>{/block:IndexPage}

{block:IfNotInfiniteScrolling}

{block:Pagination}
<div class=“post” id=“pagination”>
{block:PreviousPage}
<a href=”/” title=“first page”><big>«</big></a>
<a href=”{PreviousPage}” title=“previous page”><big><big>‹</big></big></a>
{/block:PreviousPage}
{block:JumpPagination length=“6”}
{block:CurrentPage}
<span id=“current”>{PageNumber}</span>
{/block:CurrentPage}
{block:JumpPage}
<a class=“jump_page” href=”{URL}”>{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<a href=”{NextPage}” title=“next page”><big><big>›</big></big></a>
<a href=”/page/{TotalPages}” title=“last page”><big>»</big></a>
{/block:NextPage}
</div>
{/block:Pagination}

{/block:IfNotInfiniteScrolling}

</div>

</div>
<div id=“overlay”>
<div id=“overlayBack”></div>
<img src=“http://static.tumblr.com/kfwmv3q/injmgu7fr/lfncollarpop.jpg”/>

</div>

</div>

<a id=“nextPage” href=”/page/2”>
<div id=“nextBtn” class=“button”></div>
<div class=“button right”>OLDER</div>
</a>

</noscript>

</div>

<div id=“footer”>
<nav>
<ul id=“footerNav” class=“nav”>
<li>
<a class=“navItem active” href=“http://nomdecodenikita.tumblr.com”>tumblr</a>
</li>
<li>
<a class=“navItem” href=””>news</a>
</li>
<li>
<a class=“navItem” href=“http://bit.ly/datpiffpiranha3d” target=“_blank”>music</a>
</li>
<li>
<a class=“navItem” href=“http://www.youtube.com/nomdecodenikita” target=“_blank”>videos</a>
</li>
<li>
<a class=“navItem” href=””>piranha</a>
</li>
<li>
<a class=“navItem” href=””>chopper</a>
</li>
</ul>
</nav>
<div id=“credits”>
<span class=“footerCredit”>(c) 2013 – all rights reserved</span>
<a class=“footerCredit” href=“http://tumblr.com” target=“_blank”>powered by

tumblr</a>
<a class=“footerCredit” href=”” target=“_blank”>site by butcher

meatya</a>
</div>
</div>

<!—Grab Google CDN’s jQuery, with a protocol relative URL; fall back to local if offline—>
<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”></script>
<script>window.jQuery || document.write(’<script src=“http://static.tumblr.com/q0nsees/dMylz5e7l/jquery-1.7.1.min.js”><\/script>’)</script>

<!—scripts—>
<script defer src=“http://static.tumblr.com/rseu6su/JyCm9mrti/plugins.js”></script>
<script defer src=“http://static.tumblr.com/rseu6su/4vem9mru3/script.min.083112.js”></script>
<!—end scripts—>

var _gaq = _gaq || [];
_gaq.push([‘_setAccount’, ‘UA-29640675–1’]);
_gaq.push([‘_trackPageview’]);

(function() {
var ga = document.createElement(‘script’); ga.type = ‘text/javascript’; ga.async = true;
ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl’ : ‘http://www’) + ’.google-analytics.com/ga.js’;
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);
})();

</script>

<!—BEGIN TUMBLR CODE—>
<iframe src=“http://www.tumblr.com/dashboard/iframe?0aaec77f8c56dc043e43ceaa2914c380&src=http%3A%2F%2Fnomdecodenikita.tumblr.com%2F&lang=en_US&name=LaFemmeNikita&brag=false” width=“330” height=“25” scrolling=“no” frameborder=“0” style=“position:absolute; z-index:1337; top:0px; right:0px; border:0px; background-color:transparent; overflow:hidden;” id=“tumblr_controls”></iframe>
<![if IE]><script type=“text/javascript”>document.getElementById(‘tumblr_controls’).allowTransparency=true;</script><![endif]>
<img style=“position:absolute;z-index:-3334;top:0px;left:0px;visibility:hidden;” src=“http://www.tumblr.com/impixu?T=1358752738&J=eyJibG9naWQiOiI0NjUzOTA5OCJ9&U=FICLJODGPP&K=46e8e788b4322952377f4d63e4adbe335839f04b4d421a6c02cadac4ddd3337f”/><!—END TUMBLR CODE—><iframe src=“http://assets.tumblr.com/analytics.html?459463e736f5e14a6b709883439e6021” scrolling=“yes” width=“1” height=“1” frameborder=“0” style=“background-color:transparent; overflow:hidden; position:absolute; top:0; left:0 z-index:9999;” id=“ga_target”></iframe>

</body>

</html>

Observing members: 0

Composing members: 0

0 Answers

This discussion is closed.

Older »

[NSFW] When it comes to a relationship what is ...

« Newer

[NSFW] When it comes to a relationship what is ...

Have a question? Ask Fluther!

What do you know more about?

2/3

What do you know more about?

3/3

What do you know more about?

Wow! You've got 847 knowledge matches!

Want to see them? Join Fluther!

Knowledge Networking @ Fluther

General Question

Help with Masonry and Infinite Scroll with jQuery on Tumblr?

0 Answers

This discussion is closed.

Already a member?

Join for Free!

Related

General Question

Help with Masonry and Infinite Scroll with jQuery on Tumblr?

0 Answers

This discussion is closed.

Already a member?

Join for Free!

Login

Not a member?

Related