javascript - Infinite scroll works with one blog on Tumblr but not another -
this code using on old blog. added same same scripts in header:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="http://static.tumblr.com/iuw14ew/vsqma1786/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function() { $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor: true, tip_delay_time: 100, tip_fade_speed: 300, attribute: "title" }); }); })(jquery); </script>
it won't work on new blog despite code being literally same , can't quite figure out why.
i've tried other methods people have posted, of ended having theme stripped "suspicious activity" , none of seem working either in ie, chrome, or firefox since thought maybe it's issue browser.
do know how fix this?
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script> <script src="http://static.tumblr.com/6hsqxdt/qbym35odk/jquery.masonry.js"></script> <script> $(function() { var $container = $('#post'); $container.imagesloaded(function() { $container.masonry({ itemselector: '.entry', }); }); $container.infinitescroll({ itemselector : ".entry", navselector : "div.pagination", nextselector : ".pagination a#next", loadingimg : "", loadingtext : "<em></em>", bufferpx : 10000, extrascrollpx: 12000, }, // trigger masonry callback function(newelements) { var $newelems = $(newelements).css({ opacity: 0 }); // ensure images load before adding masonry layout $newelems.imagesloaded(function() { $newelems.animate({ opacity: 1 }); $container.masonry('appended', $newelems, true); }); }); }); </script>
Comments
Post a Comment