Question

I need to bind a function to initialize a js plugin after {Permalink} is clicked so Tumblr IPA "redirects" the browser to a new page, with the post details.

How can I do so? There's not so much documentation on how {Permalink} really works, whether it's ajax or whether it has some callback function (which I would appreciate).

Of course this would try to initialize before the "new" page is loaded. I think it's ajax though.

        $("#{Permalink}").click(function() {
               $('.jqzoom').jqzoom({
                    zoomType: 'standard',
                    lens:true,
                    preloadImages: false,
                    alwaysOn:false
                });
        });
Was it helpful?

Solution

{Permalink} renders a string that is the URL to the post: http://sample.tumblr.com/post/123

For reference, Tumblr theme operators don't have anything to do with javascript. They render mainly strings.

You need to bind the actual element that is clicked:

HTML

<a href="{Permalink}" class="permalink">...</a>

jQuery

$(".permalink").click(function() {
    ...
});

Reference: http://www.tumblr.com/docs/en/custom_themes#posts

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top