What are methods available for calling functions in jquery

Question

0.00/5 (No votes)

See more:

XML

<html>
<head>
<script src="jquery-1.11.0.js"></script>
<script src="jquery-1.11.0.min.js"></script>
<script>
$('.main-nav li a', '.subnav-menu li a').on('click', function(){
            $('.main-nav li, .subnav-menu li').removeClass('active');
            $(this).parent().addClass('active');
        });
$('.main-nav li ul li a, .subnav-menu li ul li a').on('click', function(){
            $('.main-nav li, .subnav-menu li').removeClass('active');
            $(this).parent().parent().parent('li').addClass('active');
            $(this).parent('li').addClass('active');
        });
</script>
</head>
<body>
<div id="navigation">
<div class="container-fluid">
<a href="javascript:void(0)" id="brand">Logo</a>
<a href="javascript:void(0)" class="toggle-nav" rel="tooltip" data-placement="bottom" title="Toggle navigation">
<i class="icon-reorder"></i>
</a>

<ul class='main-nav'>
<li>
<a href="javascript:void(0)" name="sub-menu">
<span>Dashboard</span>
</a>
</li>
<li>
<a href="javascript:void(0)" data-toggle="dropdown" class='dropdown-toggle'>
<span>Inventory</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li>
<a href="#" name="inner-sub-menu">Style</a>
</li>
<li>
<a href="#" name="inner-sub-menu">Department</a>
</li>
<li>
<a href="#" name="inner-sub-menu">Items</a>
</li>
</ul>
</li>
<li>
<a href="javascript:void(0)" name="sub-menu">Order</a>
</li>
</ul>
</div>
</div>

<div id="left">
<form action="#" method="GET" class='search-form'>
<div class="search-pane">
<input type="text" name="search" placeholder="Search here...">
<button type="submit" value="Submit"><i class="icon-search"></i></button>
</div>
</form>
<div class="subnav">
<ul class="subnav-menu">
<li>
<a href="javascript:void(0)" name="sub-menu">
<span>Dashboard</span>
</a>
</li>
<li class='dropdown'>
<a href="javascript:void(0)" data-toggle="dropdown">Inventory</a>
<ul class="dropdown-menu">
<li>
<a href="javascript:void(0)" name="inner-sub-menu">Style</a>
</li>
<li>
<a href="javascript:void(0)" name="inner-sub-menu">Department</a>
</li>
<li>
<a href="javascript:void(0)" name="inner-sub-menu">Items</a>
</li>
</ul>
</li>
<li>
<a href="javascript:void(0)" name="sub-menu">Order</a>
</li>
<li>
<a href="javascript:void(0)" name="sub-menu">User</a>
</li>
<li>
<a href="javascript:void(0)" name="sub-menu">Session</a>
</li>
</ul>
</div>
</div>
</body>
</html>

Posted 19-Mar-14 2:41am

bharatmittal

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

adityasahver · Answer 1 · 2014-03-19T02:44:00

Solution 1

There are many answers to this question, please be a bit precise.
some of the functions to call method in jquery can be -- .click , .live, .on, .ready, .load.
Please use the jquery.com to get more insight on the same.

Posted 19-Mar-14 2:44am

adityasahver