Why doesn't my script run?

Question

I've looked this over so many times and I can't figure out why my script is not running AT ALL. Any help would be appreciated...

The script....

</head>

<script type="text/javascript">
    $(document).ready(function() {
        $('li#profiles').addClass('active');
        $('#content').load('profiles');

        $('nav ul li a').click(function() {
            $('.active').removeClass('active');
            $(this).parent().addClass('active');
            var link = $(this).parent().attr('id');
            $('#content').load(link);
            return false;
        }); // end click
    }); // end ready
</script>

<body>

within the body I have this....

<nav>
    <ul>
        <li id="profiles"><a href="profiles">Guest Profiles</a></li>
        <li id="config"><a href="config">Configuration</a></li>
    </ul>
</nav>

I have this style set to see if it is working....

<style>
    .active a {color : rgb(80,180,80);}
</style>

When loading my page, the profiles link is the typical blue. I'm using Chrome DevTools and see no changes in the DOM..... Also, when I click on either link, it follows the link instead of the .click.....

Thank you

-John

When selecting by ID, just using ID is enough, try $('#profiles') instead of $('li#profiles') — Comfortably Numb
– Comfortably Numb, Commented Jan 4, 2014 at 3:34
Joren.... sometimes the obvious answer is the right answer! I guess after weeks of trying to figure out laravel, I forgot the basics of javascript... Thank you. — user3159369
– user3159369, Commented Jan 4, 2014 at 3:35
<sarcasm> This question has my favorite title </sarcasm> — Jakub
– Jakub, Commented Jan 4, 2014 at 3:41

zsaat14 · Accepted Answer · 2014-01-04 03:40:01Z

2

You probably just need to include the jQuery library. The code you have works fine. Just add this to your head.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

This fiddle proves that your code is fine.

answered Jan 4, 2014 at 3:40

zsaat14

1,1182 gold badges10 silver badges20 bronze badges

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

Comments

Patient Penguin · Accepted Answer · 2014-01-04 03:41:51Z

0

It looks like you just forgot to include your jQuery source.

answered Jan 4, 2014 at 3:41

Patient Penguin

951 silver badge7 bronze badges

1 Comment

NewUser Over a year ago

It looks like same answer is given few minutes ago.

Collectives™ on Stack Overflow

Why doesn't my script run?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related