2017-07-31 4 views
0

Je viens d'installer le plug-in jquery-slimscroll dans React et quand je lanceplug-in Appel jquery dans React ne fonctionne pas, mais travailler dans ma console

$('.sk-hits-grid-hit').eq(1).slimScroll({ 
    height: '26em' 
    }); 

Dans ma console, il fonctionne comme prévu, mais il ne courir dans mon application. Cela ne me donne aucune erreur dans ma demande, ça ne fait rien. J'ai également vérifié l'onglet 'Réseau' dans les outils de développement et tous les fichiers importés correctement.

Ceci est mon index.html:

<head> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> 
    </script> 
    <script type="text/javascript" src="node_modules/jquery-slimscroll/jquery.slimscroll.min.js"></script> 
</head> 
... 

Ceci est mon index.tsx:

var $ = require("jquery"); 
import 'jquery-waypoints/waypoints.min.js'; //Waypoints trigger functions when you scroll to an element 
import 'jquery/dist/jquery.min.js';    //Allows jQuery functionality 
import 'bootstrap/dist/js/bootstrap.min.js'; //Front-end framework to help display webpage 
import 'jquery-slimscroll/jquery.slimscroll.min.js'; 

... 

$(document).ready(function() { 
    $('.sk-hits-grid-hit').eq(1).slimScroll({ 
     height: '26em' 
    }); 
}) 

Toutes les idées? J'ai essayé de déplacer mes scripts sur mes tags de corps et il n'y avait aucun changement.

Répondre

0

On dirait une question de référence, essayez de changer le chemin de la deuxième référence:

"node_modules/jquery-slimscroll/jquery.slimscroll.min.js" 

A propos autant que je peux suggérer, sans connaître votre chemin de fichier