<分区>
亲爱的，
一段时间以来，我一直面临以下问题。请帮帮我!
这是我的代码:
HTML
<html>
<head>
<meta charset="utf-8" />
<!--css stylesheet-->
<link href="style.css" rel="stylesheet" />
<!--jQuery external javascript - CDN-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="stylesheet" />
</head>
<body>
<div class="header"></div>
<div class="content"><input type="button" id="sendData" value="send your data" align="center"></div>
<div class="barChart"><input type="button" id="reenterButton" value="Re-enter"> </div>
</body>
</html>
CSS
.content {
text-align: center;
background-color: white;
width: 650px;
height: 650px;
display: inline-block;
position: relative;
}
.barChart {
text-align: center;
background-color: white;
width: 650px;
height: 650px;
display: inline-block;
position: relative;
display: none; // Make .barchart hide initially
}
Javascript
<script type="text/javascript">
$(document).ready(function() {
$("#sendData").button()
.click(function() {
$("div.content").hide("slide", {direction: "left"}, "slow", function() {
$("div.barChart").show("slide", {direction: "right"}, "slow");
});
});
$("#reenterButton").button()
.click(function() {
$("div.barchart").hide("slide", {direction: "right"}, "slow", function() {
$("div.content").show("slide", {direction: "right"}, "slow");
});
});
});
</script>
#sendData 按钮工作正常，但点击#reenterButton 不正常 处理第二条语句(带选择器的语句 ("div.barchart"))。
.barchart 在重新输入按钮上应用点击操作后不隐藏。
这种情况是否与我在 css 文件中设置的 div 状态有关？还是别的？
感谢您的帮助!