Question

I tried posting the problem I had earlier, but I did not fully understand the problem and I had other issues that I confused to be part of this, so I deleted the post. Now that I solved the other problems and pinpointed the problem, here it is…

I’m trying to ajax load some elements from another page and it works in FF3.5+, Chrome 8+, Safari 3+, Opera 9.5+, and IE9.

I was trying to fix it on IE7 and found that it will only load the whole page and not just certain elements using selectors.

The code:

    navigation.children('a').click(function() {
        if(pageNum <= max) {
            $(this)
                .css({display: 'none'})
                .after(loading)
                .blur();

            $('<div />')
                .load(nextLink + ' .post', function() {
                    pageNum++;
                    nextLink = nextLink.replace(/\/page\/[0-9]?/, '/page/'+ pageNum);

                    if(pageNum <= max) {
                        navigation.children('a').css({display: 'inline'});
                        loading.remove();
                    }
                    else {
                        navigation.html('');
                    }

                    navigation.before($(this).html());
                })
                .ajaxComplete(function() {
                    if (pageNum > max) {
                        navigation.remove();
                    }
                });
        }
        return false;
    });

If I change .load(nextLink + ' .post', function() to .load(nextLink, function(), it will work in IE7, but will display all the other stuff I didn’t want.

Link to the problem: http://gavsiu.com/portfolio/

Answer 1

are yousure nextLink is a string. Can you just cast it to a string and then try concatenating something like

String(nextString) + ".class"