引导导致javascript错误？

我使用的引导模板只有一个边栏。我试图在这个模板的初始索引页上放置一个highchart，但是很明显，这个模板导致了一些问题，使我的图表根本没有显示出来

带代码的模板位于，因为某些原因，我无法将其格式化为适合帖子的格式，所以我将把它留在那里

起初我以为这是我的javascript，但后来我单独尝试了一下，它的性能达到了预期

 <div id="container" class="resize" style=" width: 100%; height: 100%; margin: 0 auto "></div>

        <label for="numberInput">Enter Number Code:</label><input type="text" id="numberInput" />
        <input type="button" value="Enter" id="enter"/>

        <script>
        $(document).ready(function() {

        $('#enter').click(function() {

            sgaxml = "https://sga.quickbase.com/db/bjmdensiu?apptoken=beadyrucxguavbx5isubd6iaqpe&act=API_DoQuery&query={14.EX." + $("#numberInput").val() + "}&clist=7.24.25.26.27.28.29.30.31.32.33.34.35.36.37";

            console.log(sgaxml);

            // Load the data from the XML file 
                $.get(sgaxml, function(xml) {

                // Split the lines
                var xml = $(xml).find('record');

                var options = {
                        chart: {
                        renderTo: 'container',
                type: 'column'
                    },
                    title: {
                        text: 'Components Over Time'
                 },
                    xAxis: {
                        categories: []
                },
                    yAxis: {
                         title: {
                     text: 'Concentration%'
            }
        },
        series: []
    };


// Variables for the component series

var seriesH = {
        name: 'Hydrogen',
        data: []
    };

     var seriesHe = {
        name: 'Helium',
        data: []
    };

var seriesO = {
        name: 'Oxygen',
        data: []
    };

var seriesHs = {
        name: 'Hydrogen Sulfide',
        data: []
    };

var seriesN = {
        name: 'Nitrogen',
        data: []
    };

var seriesC = {
        name: 'Carbon Dioxide',
        data: []
    };

var seriesM = {
        name: 'Methane',
        data: []
    };

var seriesE = {
        name: 'Ethane',
        data: []
    };

var seriesP = {
        name: 'Propane',
        data: []
    };

var seriesIb = {
        name: 'Iso-Butane',
        data: []
    };

var seriesNb = {
        name: 'N-Butane',
        data: []
    };

var seriesIp = {
        name: 'Iso-Pentane',
        data: []
    };

var seriesNp = {
        name: 'N-Pentane',
        data: []
    };

var seriesHex = {
        name: 'Hexanes+',
        data: []
    };

xml.each(function (i, record) {
        options.xAxis.categories.push(new Date(parseInt($(record).find('sample_date').text())));
    seriesH.data.push(parseFloat($(record).find('hydrogen').text()));
    seriesHe.data.push(parseFloat($(record).find('helium').text()));
    seriesO.data.push(parseFloat($(record).find('oxygen').text()));
    seriesHs.data.push(parseFloat($(record).find('hydrogen_sulfide').text()));
    seriesN.data.push(parseFloat($(record).find('nitrogen').text()));
    seriesC.data.push(parseFloat($(record).find('co2').text()));
        seriesM.data.push(parseFloat($(record).find('methane').text()));
        seriesE.data.push(parseFloat($(record).find('ethane').text()));
    seriesP.data.push(parseFloat($(record).find('propane').text()));
    seriesIb.data.push(parseFloat($(record).find('iso_butane').text()));
    seriesNb.data.push(parseFloat($(record).find('n_butane').text()));
    seriesIp.data.push(parseFloat($(record).find('iso_pentane').text()));
    seriesNp.data.push(parseFloat($(record).find('n_pentane').text()));
    seriesHex.data.push(parseFloat($(record).find('hexanes_').text()));
    });

console.log(seriesO.data);  

if($.isNumeric(seriesH.data[0])){options.series.push(seriesH)};
if($.isNumeric(seriesHe.data[0])){options.series.push(seriesHe)};
if($.isNumeric(seriesO.data[0])){options.series.push(seriesO)};
if($.isNumeric(seriesHs.data[0])){options.series.push(seriesHs)};
if($.isNumeric(seriesN.data[0])){options.series.push(seriesN)};
if($.isNumeric(seriesC.data[0])){options.series.push(seriesC)};
if($.isNumeric(seriesM.data[0])){options.series.push(seriesM)};
if($.isNumeric(seriesE.data[0])){options.series.push(seriesE)};
if($.isNumeric(seriesP.data[0])){options.series.push(seriesP)};
    if($.isNumeric(seriesIb.data[0])){options.series.push(seriesIb)};
if($.isNumeric(seriesNb.data[0])){options.series.push(seriesNb)};
if($.isNumeric(seriesIp.data[0])){options.series.push(seriesIp)};
if($.isNumeric(seriesNp.data[0])){options.series.push(seriesNp)};
if($.isNumeric(seriesHex.data[0])){options.series.push(seriesHex)};
    console.log('options: ', options);

        var chart = new Highcharts.Chart(options);
});

});                          

});

我检查了控制台，注意到当我使用模板运行代码时

未捕获的TypeError:无法读取未定义的highcharts的属性“addEvent”。js:304

---

我已经查看了它，不明白它为什么不能与模板一起工作……也许我忽略了什么？

您要做的第一件事是不要在模板中使用两个版本的jQuery。您有一个对v1.11.1的引用和一个对v1.8.2的引用。删除其中一个，但确保在jQuery UI之前加载jQuery。还要依次加载Mustache.min.js和Mustache.js。可能没关系，但为什么呢？FWIW，这里没有错误：。好吧，多亏Joshua的评论，我才明白这一点，这让我停下来，意识到我实际上是在highcharts和highcharts之后调用jquery的。当我第二次卡住jquery时，mustache.js重复出现