Member 13341049 Ответов: 2

Uncaught typeerror: $(...). champ-это не функция


<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>


Что я уже пробовал:

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

Wessel Beulink

Да, вы сделали переменную champ, как тогда champ будет функцией?

Member 13341049

Этот скрипт я использовал для анимации вкладок. я всего лишь создаю переменный чемпион. изначально переменная champ недоступна.

Я использую этот плагин jquery
https://github.com/bhaveshcmedhekar/multipurpose_tabcontent

Wessel Beulink

Все скрипты загружены и вы находитесь на jquery 1.7+?

Member 13341049

я использую jquery 2.0

Karthik_Mahalingam

покажите свой html-код заголовка

Member 13341049

Привет Картик,

Это мой html код





интегрированная кампания
Независимые Кампании









В мире 360-градусного маркетинга традиционные и новые медиа на самом деле не существуют. Как говорится, эпоха "Безумцев" в маркетинге прошла. Каждая кампания направлена на достижение оптимальной аудитории и привлечение ее для достижения положительного укрепления бренда. Мы определяем точки соприкосновения, с которыми могут взаимодействовать ваши клиенты, и готовим "большую идею", чтобы мгновенно заставить их начать разговор с брендом.


Основываясь на ваших потребностях и бюджетах, мы умеем создавать большие и малые кампании по всей линии (ATL), ниже линии (BTL), через линию (TTL) и, конечно же, цифровые.





Мы любим взламывать этот не поддающийся взлому бриф, который так беспокоит вас. Мы являемся агностиками среднего уровня и работаем с вами, чтобы определить конкретные ключевые показатели эффективности, которые у вас могут быть, разработать планы кампаний и выполнить их для вас.


Будь то увеличение вовлеченности, увеличение продаж или Повышение осведомленности, мы работаем с вами, чтобы обеспечить достижение ваших конкретных целей.















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

Karthik_Mahalingam

Я имею в виду код разметки (html)

Karthik_Mahalingam

поместите свой код в jsfiddle и поделитесь ссылкой

2 Ответов

Рейтинг:
2

Karthik_Mahalingam

Убедитесь, что на файл дана правильная ссылка и он упоминается только один раз.

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


если файл присутствует в другой папке, то

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


Рейтинг:
0

Member 13341049

<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-->


Karthik_Mahalingam

использовать  У вас есть вопросы или комментарии? чтобы оставлять комментарии, не используйте решение.

Member 13341049

У вас есть вопросы или комментарии? Он не взял html теги

Karthik_Mahalingam

добавить сюда
https://jsfiddle.net/
и доля ссылке

или оберните свой код внутри тега & lt; pre >

Member 13341049

https://jsfiddle.net/dandupavan/jxfr2wfg/

я скачиваю скрипт по этой ссылке
https://github.com/bhaveshcmedhekar/multipurpose_tabcontent