JQuery Flipcounter конфликтующий в Magento

Я пытаюсь добавить flipcounter на главной странице моего сайта Magento (http://bit.ly/1hzfQMA) здесь http://bloggingsquared.com/jquery/flipcounter/JQuery Flipcounter конфликтующий в Magento

После добавления следующих сценариев, кнопка бюллетеня в футере не будет работать.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> 
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script> 
<script src="js/jquery.flipCounter.1.2.pack.js" type="text/javascript"></script>

Я попытался добавить, используя следующее jquery.flipCounter.1.2.pack.js, но по-прежнему не работает

(function($) { 
    $(function() { 
    // more code using $ as alias to jQuery 
    }); 
})(jQuery); 
// other code using $ as an alias to the other library

Я заметил, Magento уже есть JQuery 1.8.2, я все еще нужно добавить jquery1.6.2?

источник

2014-01-09 progit

Проверка консоли в вашем firebug Я добавляю комментарий, пытаюсь добавить $ ('. Vid_trigger'). Click (function (e) {в готовой функции и дайте мне знать, что это сделано. Это создает ошибку в консоли $() null –

Попробуйте добавить этот jQuery в готовую функцию, чтобы он дал ошибку в консоли. Надеюсь, он исправил вашу проблему.

$('.vid_trigger').click(function(e){ 

      e.preventDefault(); 
      $("#showSlideshowVideo").remove(); 
      var URL = $(this).attr('videoLink'); 
      var htm = '<iframe width="640" height="360" style="width:640px;height:360px;" src="http://www.youtube.com/embed/' + URL + '?autoplay=1" frameborder="0" allowfullscreen ></iframe>'; 

       $('#lightVideoBox').append(htm); 

      return false; 
     });

источник

2014-01-09 15:32:59

привет, этот код не для счетчика, и он уже находится под jQuery в готовой функции, я думаю, причина, по которой она дает ошибку, состоит в том, что на странице отсутствует элемент с классом «vid_trigger». – progit

если вы посмотрите на ссылке flipcounter, вы можете увидеть код для flipcounter на шаге 3 и 5. – progit

Вам необходимо запустить скрипт с помощью jQuery.noConflict(); и измените «$» на «jQuery», иначе сценарий не будет хорошо работать с собственной базой прототипов.

jQuery.noConflict(); 
(function(jQuery) { 
    jQuery(function() { 
    // ... No $s 
    }); 
})(jQuery); 
// ... No $s

Что касается библиотеки JQuery, я думаю, что Magento только называет это на конкретных страницах для конкретных функций - таких, как масштабирование изображения, если включена. Поэтому вам нужно будет вызвать библиотеку jQuery на свою домашнюю страницу. Лучшая практика будет добавить следующее к вашему local.xml ...

<cms_index_index><!-- Handle pinpoints the home page --> 
    <reference name="head"><!-- Identifies the head block --> 
     <action method="addItem"> 
     <type>skin_js</type> 
     <name>js/jquery.min.js</name><!-- specify your library location and file name within skin/js --> 
     </action> 
    </reference> 
</cms_index_index>

Вы всегда можете использовать обновления для макета страницы в CMS страницы управления, введя тот же XML, но оставить из ручки макета.

источник

2014-01-10 22:20:05 BenLeah

JQuery Flipcounter конфликтующий в Magento

ответ

Смежные вопросы