2016-03-25 19 views
6

से एक कोलाहल लिपि में परिभाषित मैं की तरह तोकॉल js समारोह एचटीएमएल

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

तो मैं इतना

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

की तरह मेरे कार्यों में से एक फोन अपने मुख्य html फ़ाइल में मेरी js फ़ाइल शामिल कर रहा हूँ

समारोह इस

function showAll(column) { 
    $('div[id^='+column+']').removeClass('hide'); 
}; 
तरह लग रहा है

जब मैं बटन पर क्लिक करें (div) मैं यह त्रुटि Uncaught ReferenceError: showAll is not defined

मैं अपने स्क्रिप्ट प्रकार text/babel के रूप में उपयोग कर रहा हूँ क्योंकि फ़ाइल जे एस सामान प्रतिक्रिया शामिल मिलता है। मुझे नहीं पता कि मैं बस अपना कार्य क्यों नहीं कह सकता। मैं ReactJS और Babel के लिए बेहद नया हूँ। (ध्यान दें: मैं सीमाओं के कारण NPM/घूंट उपयोग कर रहा हूँ नहीं)

किसी भी मदद की और/या सलाह

+1

ब्राउज़र 'type =" text/babel "' पहचान नहीं करता है, इसलिए स्क्रिप्ट का मूल्यांकन नहीं किया जा रहा है और 'showAll' फ़ंक्शन मौजूद नहीं है। – pawel

+1

यदि आप बेबेल का उपयोग कर रहे हैं, तो आपको वास्तव में कोड को संकलित करना चाहिए * इससे पहले * यह ब्राउज़र को हिट करता है, फिर मानक '

0

यदि आप अपने कार्य को निम्नानुसार परिभाषित करते हैं तो आप इसे HTML के भीतर कॉल करने में सक्षम होंगे।

window.showAll = function showAll(column) { 
    // your code here... 
}; 
संबंधित मुद्दे