Как включить пользовательский jQuery / javascript в magento 1.8

Question

У меня есть пользовательский код javascript и jQuery.

Я новичок в magento, и мне нужно знать, как добавить эти фрагменты jquery и JS в мой magento, чтобы они идентифицировали их.

Я пытаюсь показать всплывающую подсказку при загрузке страницы и скрыть через некоторое время, используя приведенную ниже JS fiddle link :

http://jsfiddle.net/Lvzuz/17/

Скрипка использует следующие файлы:

1) jquery 2) bootstrap.js 3) bootstrap.css

Соответственно, я обновил свои magento файлы как:

В app \ design \ frontend \ rau \ default \ template \ page \ html \ pager.phtml

<?php if($followupbuttonshow){?>
    <div class="thiscategory">
        <a class="followlink" href="javascript:void" rel="tooltip" data-original-title="Place your stuff here"> <?php echo $this->__('Follow'); ?></a>  
    </div>
<?php } ?>

ОБНОВЛЕНИЕ:

В app \ design \ frontend \ rau \ default \ layout \ local.xml

<reference name="head">
      <action method="addJs"><js>jquery/jquery.js</js></action>
      <action method="addJs"><js>jquery/jquery.noconflict.js</js></action>
      <action method="addLinkRel"><rel>text/javascript</rel><href>https://netdna.bootstrapcdn.com/bootstrap/3.0.1/js/bootstrap.js</href></action>
      <action method="addLinkRel"><rel>text/css</rel><href>https://netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.css</href></action>
   </reference>
...

in app \ design \ frontend \ rau \ default \ layout \ page.xml

<default translate="label" module="page">
   <action method="addJs"><script>js/custom.js</script></action>

В rauqa \ skin \ frontend \ rau \ default \ js \ custom.js

jQuery(document).ready(function () {
    console.log('tooltipp js....');
    $j('.thiscategory .followlink').tooltip().eq(0).tooltip('show').tooltip('disable').one('mouseout', function() {
    $j(this).tooltip('enable');
    });

setTimeout(function() {
$j('.thiscategory .followlink').tooltip().eq(0).tooltip('hide').tooltip('enable');
}, 5000);

});

Ошибка в консоли:

tooltipp js ....

tooltip.js? Q = 29032018: 3 Uncaught TypeError: $ j (...). Подсказка не является функцией

в HTMLDocument. (? Tooltip.js д = 29032018: 3) * * одна тысяча пятьдесят-одна

в j (jquery.min.js? Q = 29032018: 2)

в Object.fireWith [as resolWith] (jquery.min.js? Q = 29032018: 2)

в Function.ready (jquery.min.js? Q = 29032018: 2)

в HTMLDocument.J (jquery.min.js? Q = 29032018: 2)

Чтобы проверить, загружены ли js ниже, есть скриншот:

файл custom.js загружен

jquery загружен - не уверен, что это фактический файл jquery

Это единственный загруженный jquery

загружен cdn для bootstrap.js и css

Ссылка на jquery:

Проблема:

Не уверен, правильно ли я включил все файлы (html, xml)

Пожалуйста, укажите, где проблема .. И как мне включить скрипты для magento для идентификации.

Answer 1

Я считаю, что ваш файл JavaScript отсутствует закрытие: );

Изменить для новой ошибки: $ - это прототип в Magento, но вы используете jQuery в коде. Если вы добавили jQuery, используйте псевдоним, который был ему присвоен (например, $ j). Или:

jQuery(document).ready(function(){
    console.log('tooltipp....');
    jQuery('.thiscategory .followlink').tooltip().eq(0).tooltip('show').tooltip('disable').one('mouseout', function() {
        jQuery(this).tooltip('enable');
    });

    setTimeout(function() {
        jQuery('.thiscategory .followlink').tooltip().eq(0).tooltip('hide').tooltip('enable');
    }, 5000);
});

Answer 2

Вам просто нужно поместить вставленный script в файл phtml, и он должен работать. Если jquery не связан со страницей, тогда связывайте его. Также обратите внимание на именование переменной jquery. Во многих случаях это имя $, но вы используете его как jQuery в вашем script.