【发布时间】:2013-11-02 03:08:37
【问题描述】:
我正在尝试制作一个按钮,以便在按下时将一个 div 滑开,然后另一个 div 滑回,但是我试图阻止它刷新页面,但是
return false;
line 似乎破坏了脚本。有什么想法吗?
HTML:
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="slide.js"></script>
</head>
<body>
<button id="button1" onclick="nextSlide('#1', '#2')">Hide it</button>
<p id="1">Hide this text</p>
<p id="2">Show this text</p>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
</body>
</html>
JS:
window.onload=function(){
$('#2').fadeOut(1);
};
function nextSlide(hideDiv, showDiv) {
$(hideDiv).hide("slide", 2000, function(){
$(showDiv).show("slide", 2000);
});
return false;
};
【问题讨论】:
-
你能创建一个小提琴吗?它们在发布的代码中没有任何内容应该触发页面重新加载......
-
是你在slide.js中展示给我们的js吗?如果是,您应该先加载 jquery。但是你应该因此得到一个错误,我不明白为什么应该重新加载页面。
标签: javascript jquery html button user-interface