Question

我有一个html页面，其中包含javascript代码，jquery，css和ajax请求。我尝试在React中运行此页面。

这是我的代码的一部分：

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>RTsuits</title>


        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script src="http://code.highcharts.com/highcharts.js"></script>

        <style>
            #burndown {
                width: 100%;
                min-width: 310px; 
                height: 400px; 
                margin: 0 auto;
                }

            #select{
                font-size: 50px
            }

        </style>
    </head>

    <body>
        <div id="burndown"></div>
        <script>
            $(function () {
              $('#burndown').highcharts({
                xAxis: {
                  categories: ['Day 1', 'Day 2', 'Day 3']
                },

                }]
              });
            });    
        </script>
    </body>
    </html>

如何解决此问题？

有所有的JS代码：https://jsfiddle.net/bcmoney/w2oorj24/

谢谢。

Answer 1

我得到您的错误：

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>RTsuits</title>


        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script src="http://code.highcharts.com/highcharts.js"></script>

        <style>
            #burndown {
                width: 100%;
                min-width: 310px; 
                height: 400px; 
                margin: 0 auto;
                }

            #select{
                font-size: 50px
            }

        </style>
    </head>

    <body>
        <div id="burndown"></div>
        <script>
            $(function () {
              $('#burndown').highcharts({
                xAxis: {
                  categories: ['Day 1', 'Day 2', 'Day 3']
                }
              });
            });    
        </script>
    </body>
    </html>

在React中加入JavaScript

1 个答案: