Javascript事件绑定无法正常工作？_Javascript_Jquery_Html

Javascript事件绑定无法正常工作？

javascript jquery html

Javascript事件绑定无法正常工作？,javascript,jquery,html,Javascript,Jquery,Html,我已经创建了一个包含两个不同行的列表（导航菜单）。每一行都连接到一个图表。例如，第1行（温度）连接到温度图（表1和表2）我希望用户通过单击导航菜单来决定要查看哪个表，如果用户希望查看另一个表，则必须在出现下一个图表之前关闭第一个图表。那么，我必须在javascript（JQuery）中做些什么才能将行1链接到表1，将行2链接到表2 问题是，当我单击下一行时，什么也没有发生。此index.html：  <script

我已经创建了一个包含两个不同行的列表（导航菜单）。每一行都连接到一个图表。例如，第1行（温度）连接到温度图（表1和表2）

我希望用户通过单击导航菜单来决定要查看哪个表，如果用户希望查看另一个表，则必须在出现下一个图表之前关闭第一个图表。那么，我必须在javascript（JQuery）中做些什么才能将行1链接到表1，将行2链接到表2

问题是，当我单击下一行时，什么也没有发生。

此index.html：

    <!--Link to tables-->
    <script type="text/javascript" src="js/diagram1"></script>
    <script type="text/javascript" src="js/diagram2"></script>

</head>
<body>

    <div id = "diagram1"></div> <!--Import html file for chartcontainer-->
    <div id = "diagram2"></div> <!--Import html file for chartcontainer-->
</body>

这是我在index.html中包含的另一个文件中的javascript

                <ul class="list-group">
                <!--Set this inside a div to individuelly choose-->
                    <div id = "1"><li class="list-group-item">Exhaust Temperature</li></div>
                    <div id = "2"><li class="list-group-item">Cylinder Pressure</li></div>
                </ul>
            </div>
        </div>

    </div> <!-- end row -->
</div> <!-- container -->

<script>
$(function(){
    $('#1').on('click',function(){
        $('#table1').toggle();
    });

    $('#2').on('click',function(){
        $('#table2').toggle();
    });                     
});


排气温度
气缸压力

$（函数（）{
$（'#1'）。在（'单击'，函数（）上）{
$（'#表1'）。切换（）；
});
$（'#2'）。在（'单击'，函数（）上）{
$（“#表2”）.toggle（）；
});                     
});

问候

Dler H.

您可以隐藏另一个表：

$(function(){
    $('#div1').on('click',function(){
        $('#table2').hide();
        $('#table1').toggle();
    });

    $('#div2').on('click',function(){
        $('#table1').hide();
        $('#table2').toggle();
    });
});

并更改您的ID：

<div id = "div1"><li class="list-group-item">Exhaust Temperature</li></div>
<div id = "div2"><li class="list-group-item">CylinderPressure</li></div>

排气温度气缸压力

Html id必须以字母开头，所以您不能这样做

id='1'

无法在“文档”上执行“querySelector”：“#1”不是有效的选择器如上所述更改您的divs ID。我知道，我说过以后要小心，请注意我不是编写此问题的人：）