按钮不能执行功能jQuery

我想制作一个按钮，以便按下它可以滑动一格，然后再滑回去，但是我试图阻止它刷新页面，但是按钮不能执行功能jQuery

return false;

行似乎破坏脚本。有任何想法吗？

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; 
};

来源

2013-10-23 musha1

你能创建一个小提琴吗？他们没有在代码发布，应该触发一个页面重新加载... –

是js你显示给我们在slide.js？如果是的话，你应该首先加载jquery。但你应该得到一个错误，因为这一点，我不明白为什么应该有一个页面重新加载。 – lexith

为什么你要回到什么？还有另外一种依赖于获得“假”的方法吗？

来源

2013-10-23 17:36:22 TJunky

这是一个很好的答案！ – lexith

点击按钮时，防止页面重新加载是一个小技巧，但在这种情况下，它仍然有效。我也尝试添加'e.preventDefault（）;'相反，但也失败了。 – musha1

这似乎在Chrome中工作...我仍在调查为什么它不在IE中工作。 – TJunky

按钮不能执行功能jQuery

回答

相关问题