按钮无法执行函数jQuery

时间:2013-10-23 17:31:02

标签: javascript jquery html button user-interface

我正在尝试制作一个按钮,这样当按下它时会滑动一个div然后另一个滑回来,但是我试图阻止它刷新页面但是

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

1 个答案:

答案 0 :(得分:0)

你为什么要退货?还有另一种方法依赖于“假”回来吗?