Javascript 按钮无法执行函数jQuery
我试着制作一个按钮,这样当按下它时,一个div会滑开,然后另一个div会滑回,但是我试图阻止它刷新页面,但是Javascript 按钮无法执行函数jQuery,javascript,jquery,html,button,user-interface,Javascript,Jquery,Html,Button,User Interface,我试着制作一个按钮,这样当按下它时,一个div会滑开,然后另一个div会滑回,但是我试图阻止它刷新页面,但是 return false; 台词似乎打破了剧本。有什么想法吗 HTML: 你为什么要退货?是否有另一种方法依赖于返回“false” 你会做小提琴吗?他们发布的代码中没有任何东西会触发页面重新加载…您在slide.js中向我们展示的是js吗?如果是,则应首先加载jquery。但是你应该会因此而出错,我不明白为什么要重新加载页面。这是一个小技巧,可以防止在单击按钮时重新加载页面,但在这种情
return false;
台词似乎打破了剧本。有什么想法吗
HTML:
你为什么要退货?是否有另一种方法依赖于返回“false” 你会做小提琴吗?他们发布的代码中没有任何东西会触发页面重新加载…您在slide.js中向我们展示的是js吗?如果是,则应首先加载jquery。但是你应该会因此而出错,我不明白为什么要重新加载页面。这是一个小技巧,可以防止在单击按钮时重新加载页面,但在这种情况下仍然会。我还尝试添加“e.preventDefault();”相反,但这也失败了。这似乎在Chrome中起作用……我仍在研究为什么它在IE中不起作用。我在IE中通过进入工具>Internet选项>高级>安全并选中“允许活动内容在我的计算机上的文件中运行”,就我所知,您发布的代码运行良好(无论是否申报为假)
<!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>
window.onload=function(){
$('#2').fadeOut(1);
};
function nextSlide(hideDiv, showDiv) {
$(hideDiv).hide("slide", 2000, function(){
$(showDiv).show("slide", 2000);
});
return false;
};