2016-03-25 11 views
6

io includo il mio file js nel mio file HTML principale in questo modochiamata js definito in uno script babele da HTML

<script type="text/babel" src="js/scripts.js"></script>

Poi chiamo una delle mie funzioni in questo modo

<div class="allButton" id="completeAll" onclick="showAll('completeColumn');">Show All (...)</div>

la funzione simile a questa

function showAll(column) { 
    $('div[id^='+column+']').removeClass('hide'); 
}; 

Quando clicco il bottone (div) ottengo questo errore Uncaught ReferenceError: showAll is not defined

Sto usando la text/babel come il mio script type perché il file contiene React JS roba. Non ho idea del motivo per cui non posso semplicemente chiamare la mia funzione. Sono estremamente nuovo a ReactJS e Babel. (Nota: non sto usando NPM/sorso a causa di limitazioni)

qualsiasi aiuto e/o consiglio sarebbe apprezzato

+1

Il browser non riconosce 'type =" text/babel "', quindi lo script non viene valutato e la funzione 'showAll' non esiste. – pawel

+1

Se stai usando Babel, dovresti davvero compilare il codice * prima * che colpisce il browser, quindi includi semplicemente il codice compilato con uno standard '

0

Se si definisce la funzione come segue, sarà possibile chiamarla all'interno dell'HTML.

window.showAll = function showAll(column) { 
    // your code here... 
}; 
Problemi correlati