JQuery Ajax Content Loading

Question

I am using this script to load most of the pages in #content. I was wondering how should I go about enabling and disabling certain links from being affected. The problem is, on some pages I want the script to affect my main menu links completely, and on others, I want it to affect my menu partially so that I can load other pages and sub-domains.

$(document).ready(function() {
    $('#content').load('login.php')
    $(document).on('click','a',function()  {
        var page = $(this).attr('href');
        $('#content').load('' + page + '.php')
        return false;
    });
});

So should I simply work with $(document).on('click','a',function() {? to handle this? Is there a way to use a class tag to disable links from being affected? Or perhaps a better way to go about this? Thanks.

Musa · Accepted Answer · 2013-08-05 23:52:52Z

1

You can give the links you don't want affected a class then exclude the class in your selector

<a href="..." class="noajax">...</a>

$(document).on('click','a:not(.noajax)',function()  {

answered Aug 5, 2013 at 23:52

Musa

97.9k17 gold badges123 silver badges144 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ram1 · Accepted Answer · 2013-08-05 23:54:07Z

1

I would write the event handler like:

$("a:not('.some-class')").click(function() {
  // etc.
});

answered Aug 5, 2013 at 23:54

ram1

6,49010 gold badges43 silver badges47 bronze badges

Collectives™ on Stack Overflow

JQuery Ajax Content Loading

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related