javascript - 脚本在 IE 和 Chrome 中不起作用

Question

我为正在创建的网站编写的这个小脚本有问题。我对 JavaScript 完全陌生，所以如果我遗漏了一些对你来说可能显而易见的东西，请原谅我。

该脚本的目的是在页面加载后立即隐藏 div，然后在用户单击下拉菜单中的元素时显示它。这是:

$(document).ready(function(){

$("#cdcpanel").hide();

$("#contrpanel").hide();

$("#clickme").click(function() {
    $("#cdcpanel").show(200, function() {
    });
    $("#contrpanel").hide(200);
});

$("#clickme2").click(function() {
    $("#contrpanel").show(200, function() {
    });
    $("#cdcpanel").hide(200);
});

$("#hideall").click(function() {
    $("#cdcpanel").hide(200);
    $("#contrpanel").hide(200);
});

});

如您所见，div cdcpanel 和 contrpanel 最初是隐藏的。单击名为 clickme 的元素将导致显示 cdcpanel 并隐藏 contrpanel。相反，单击元素 clickme2 将触发相反的事件。问题是它无法在除 Firefox 之外的其他浏览器上运行。我在 Chrome 和 IE 上尝试过，结果是 div 最初是隐藏的，但单击下拉菜单后什么也没有发生。该脚本依赖于 JQuery。它在页面开头使用以下代码调用:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jsshow.js"></script>

欢迎任何有关如何使事情顺利进行的建议!预先感谢您的时间和耐心。

Answer 1

我不相信下拉菜单的选项元素有点击事件。尝试更改事件。