Load more topics query problem!

http://www.punbb.biz/t841-javascript-load-more-topics-query

I tried adding the code above, however the feature doesn't seem to be appearing...

How can I resolve this?

Link to my site: http://www.bleachstory.net/

try

Code:


$(function () {
    if ($('a[onmousedown^="createPagination"]').length != -1) {
        $('head').append('<style type="text/css"> #more_topics { text-align: center; font-weight: bold; } #more_topics a { display: block; padding: 10px 0; } #content_loaded { border-top: 2px solid #ddd; } </style>');
        $('.paged-foot').append('<div id="more_topics"> <a href="#" id="load_more">Load more topics</a></div>');
        $('.paging:first > b').next().addClass('load');
        $('#load_more').click(function (c) {
            c.preventDefault();
            $.get($('.load').attr('href'), function (d) {
                var a = $('.topic_list:last', d).children('tbody').html();
                if (a && $('.load').length) {
                    $('.topic_list:last').children('tbody').append(a);

                    $('.load').removeClass('load').next('a:not(:has(img))').addClass('load');
                } else {
                    alert("No more topics to be loaded");
                }
            });
        });
    }
});


@Ch@lo Valdez It's working.

Btw, is their a way to add a thing like this; https://media.giphy.com/media/RkfTV5dv6bT56/giphy.gif

By this I mean the rotating arrow in a circle.

Anyway to add it?

try this

Code:


$(function () {
    var img = 'https://i97.servimg.com/u/f97/17/46/52/67/ajax-l11.gif';
    if ($('a[onmousedown^="createPagination"]').length != -1) {
        $('head').append('<style type="text/css"> #more_topics { text-align: center; font-weight: bold; } #more_topics a { display: block; padding: 10px 0; } #content_loaded { border-top: 2px solid #ddd; } </style>');
        $('.paged-foot').append('<div id="more_topics"><a href="#" id="load_more"><img src="'+img+'"> Load more topics</a></div>');
        $('.paging:first > b').next().addClass('load');
        $('#load_more').click(function (c) {
            c.preventDefault();
            $.get($('.load').attr('href'), function (d) {
                var a = $('.topic_list:last', d).children('tbody').html();
                if (a && $('.load').length) {
                    $('.topic_list:last').children('tbody').append(a);

                    $('.load').removeClass('load').next('a:not(:has(img))').addClass('load');
                } else {
                    alert("No more topics to be loaded");
                }
            });
        });
    }
});


change the img link here:

Code: var img = 'https://i97.servimg.com/u/f97/17/46/52/67/ajax-l11.gif';

Thanks alot!