【问题标题】:Button Failing to Perform Function jQuery按钮无法执行功能 jQuery
【发布时间】: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


【解决方案1】:

为什么一定要退货?是否有另一种依赖于“假”回来的方法?

【讨论】:

  • 点击按钮时防止页面重新加载是一个小技巧,但在这种情况下它仍然可以。我也尝试添加'e.preventDefault();'相反,但这也失败了。
  • 这似乎在 Chrome 中工作......我仍在研究为什么它在 IE 中不起作用。
  • 我通过转到工具>Internet 选项>高级>安全并选中“允许活动内容在我的计算机上的文件中运行”来在 IE 中工作
  • 据我所知,您发布的代码运行良好(有或没有返回 false)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-10-31
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-12-28
  • 1970-01-01
相关资源
最近更新 更多