Uncaught typeerror: $(...).champ is not a function

Question

1.20/5 (2 votes)

See more:

<script type="text/javascript">
  $(document).ready(function(){
    var champ;
    $(".first_tab").champ();

    $(".accordion_example").champ({
              plugin_type :  "accordion",
              side : "left",
              active_tab : "3",
              controllers : "true"
    });

    $(".second_tab").champ({
              plugin_type :  "tab",
              side : "right",
              active_tab : "1",
              controllers : "false"
    });

    $(".third_tab").champ({
              plugin_type :  "tab",
              side : "",
              active_tab : "4",
              controllers : "true",
              ajax : "true",
              show_ajax_content_in_tab : "4",
              content_path : "html.txt"
    });
      
  });
</script>
<!--branding script-->
   <script type="text/javascript">
    $('.tab-content>div').hide();
    $('.tab-content>div').first().slideDown();
      $('.tab-buttons span').click(function(){
      var thisclass=$(this).attr('class');
      $('#tabs-wrapp').removeClass().addClass('#tabs-wrapp').addClass(thisclass);
      $('.tab-content>div').each(function(){
        if($(this).hasClass(thisclass)){
        $(this).fadeIn(800);
        }
        else{
        $(this).hide();
        }
      });
      });
    </script>

What I have tried:

<pre>i am getting an error .champ is not a function in java script

Posted 10-Oct-17 23:31pm

Member 13341049

Updated 11-Oct-17 0:52am

Add a Solution

Comments

Wessel Beulink 11-Oct-17 5:40am

Yeah, you made a variable of the champ how would champ be a function then?

Member 13341049 11-Oct-17 5:56am

This script i used for animation tabs. i am only create variable champ. initially champ variable not available.

I am using this jquery plugin
https://github.com/bhaveshcmedhekar/multipurpose_tabcontent

Wessel Beulink 11-Oct-17 6:03am

All scripts loaded and are you on jquery 1.7+?

Member 13341049 11-Oct-17 6:06am

i am using jquery 2.0

Karthik_Mahalingam 11-Oct-17 6:15am

show your html header code

Member 13341049 11-Oct-17 6:24am

Hi karthik,

This is My html Code

Integrated Campaigns
Independent Campaigns

In a world of 360 degree marketing, traditional and new media don't really exist. As they say, the ‘Mad Men’ era of marketing has passed. Every campaign is aimed at reaching the optimal audience and engaging them to achieve positive brand reinforcement. We identify touch points your customers might interact with and cook the ‘Big Idea’ to instantly wow them into starting a conversation with the brand.

Based on your needs and budgets, we are adept at creating large and small campaigns across Above the Line (ATL), Below The Line (BTL), Through The Line (TTL) and of course Digital.

We love to crack that uncrackable brief that’s been bothering you. We are medium agnostic and work with you to identify specific KPIs that you may have, devise campaign plans and execute them for you.

Be it increasing engagement, increasing sale or creating awareness, we work with you to ensure that your specific goals are met.

Karthik_Mahalingam 11-Oct-17 6:28am

I mean the markup code (html)

Karthik_Mahalingam 11-Oct-17 6:30am

put your code in jsfiddle and share the link

2 solutions

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)

Karthik_Mahalingam · Answer 1 · 2017-10-11T00:52:00

Make sure that the file is referenced properly and the file is refered only once.

<script type="text/javascript" src="jquery.multipurpose_tabcontent.js"></script> // root directory

if the file is present in other folder then

<script type="text/javascript" src="js/jquery.multipurpose_tabcontent.js"></script>

Member 13341049 · Answer 2 · 2017-10-11T00:26:00

<div class="col-sm-12 col-md-11 col-md-offset-1 col-xs-12">
				<div class="tab_wrapper tab_wrapper-camp first_tab">
					<div class="tabs-radious"></div>
                        <ul class="tab_list tabs-according-approach tab-buttons">
							<li class="active"><span class="content1">Integrated Campaigns</span></li>
							<li><span class="content2">Independent Campaigns</span></li>
                            
                        </ul>
                        
                        <div id="tabs-wrapp_campaigns" class="content1 hidden-xs"></div>
                   		<div class="top-line-tabs-campaigns top-line-tabs-campaign hidden-xs"></div>
					
                    <div class="content_wrapper">
						<div class="tab_content active">
                        	<div class="col-sm-12 col-md-5 col-xs-12 tabs-title-according padd-rl">
                            <p>In a world of 360 degree marketing, traditional and new media don't really exist. As they say, the ‘Mad Men’ era of marketing has passed. Every campaign is aimed at reaching the optimal audience and engaging them to achieve positive brand reinforcement. We identify touch points your customers might interact with and cook the ‘Big Idea’ to instantly wow them into starting a conversation with the brand. </p>
                            </div>
                            <div class="col-sm-12 col-md-5 col-md-offset-1 col-xs-12 tabs-title-according padd-rl">
                            <p>Based on your needs and budgets, we are adept at creating large and small campaigns across Above the Line (ATL), Below The Line (BTL), Through The Line (TTL) and of course Digital.  </p>
                            </div>
						</div>

					<div class="tab_content">
                        <div class="col-sm-12 col-md-5 col-xs-12 tabs-title-according padd-rl">
                            <p>We love to crack that uncrackable brief that’s been bothering you. We are medium agnostic and work with you to identify specific KPIs that you may have, devise campaign plans and execute them for you.</p>
                            </div>
                            <div class="col-sm-12 col-md-5 col-md-offset-1 col-xs-12 tabs-title-according padd-rl">
                            <p>Be it increasing engagement, increasing sale or creating awareness, we work with you to ensure that your specific goals are met.  
                         </p>
                          </div>
                    </div>

                    

				
			</div>

		</div>
                
                
                
                
                
			</div><!--col-md-12-end-->

Uncaught typeerror: $(...).champ is not a function

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0