[Devkit 1.7.0.4] Ajouter un fichier custom.js erreur de syntaxe

[Eric Monnier]

Bonjour,

 

J'utilise actuellement la version 1.7.0.4 de prestashop, pour le thème que je dois faire actuellement j'utilise le webkit qui ne pose pas de problème lors de la compilation des fichiers scss et js.

J'ai essayé d'ajouter un fichier js pour mes petites fonctions perso. mais c'est là que je rencontre quelques problèmes.

Je souhaite ajouter les numéros de référence mais seulement lors d'un clique sur un bouton. cela fonctionne plus ou moins. Le bouton fonctionne lors du chargement de la page, mais si je choisi un ordre de tri différent, et que la page se recharge, mon bouton ne fonctionne plus du tout.

Je dois dire que je n'ai pas encore beaucoup de connaissance en javascript et je ne trouve pas ou est mon erreur.

Voici mon code :
 

import $ from 'jquery';

function jsafficherreference() {
      $('.js-supprimer-reference').on(
          'click',
          (event) => {
            $('.js-afficher-reference').removeClass('hidden-xs-up');
            $('.js-supprimer-reference').addClass('hidden-xs-up');
            $('.thumbnail-product-reference').addClass('hidden-xs-up');
        }
      );
    }
    function jssupprimerreference() {
      $('.js-afficher-reference').on(
          'click',
          (event) => {
            $('.js-afficher-reference').addClass('hidden-xs-up');  
            $('.js-supprimer-reference').removeClass('hidden-xs-up');
            $('.thumbnail-product-reference').removeClass('hidden-xs-up');
        }
      );
    }

function setupCustomScripts() {
    jsafficherreference();
    jssupprimerreference();
}

$(document).ready(setupCustomScripts);

ainsi que l'import dans le fichier theme.js

import './custom';

ce qui me génère ce code ci :

function(module, exports, __webpack_require__) {
    
    'use strict';
    
    function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
    
    var _jquery = __webpack_require__(4);
    
    var _jquery2 = _interopRequireDefault(_jquery);
    
    function jsafficherreference() {
      (0, _jquery2['default'])('.js-supprimer-reference').on('click', function (event) {
        (0, _jquery2['default'])('.js-afficher-reference').removeClass('hidden-xs-up');
        (0, _jquery2['default'])('.js-supprimer-reference').addClass('hidden-xs-up');
        (0, _jquery2['default'])('.thumbnail-product-reference').addClass('hidden-xs-up');
      });
    }
    function jssupprimerreference() {
      (0, _jquery2['default'])('.js-afficher-reference').on('click', function (event) {
        (0, _jquery2['default'])('.js-afficher-reference').addClass('hidden-xs-up');
        (0, _jquery2['default'])('.js-supprimer-reference').removeClass('hidden-xs-up');
        (0, _jquery2['default'])('.thumbnail-product-reference').removeClass('hidden-xs-up');
      });
    }
    
    function setupCustomScripts() {
      jsafficherreference();
      jssupprimerreference();
    }
    
    (0, _jquery2['default'])(document).ready(setupCustomScripts);

/***/ }

Merci d'avance pour votre aide précieuse.

 

Monnier Eric

Edited February 3, 2017 by Eric Monnier (see edit history)

[Eric Monnier]

Je pense que cela vient de mon choix $(document).ready(. Je dois peut-être ajouter un nouvelle événement ou changer le ready pour un autre, mais je ne sais pas quel événement.