JSFiddle returns "Please use POST request"，但我没有使用表单

Question

大家好，

我正在 JSFiddle 中测试 hiding/showing 选项卡的新方法，但出于某种原因，每当我单击 link 时它都会返回 "error: Please use POST request"。与此错误有关的每个其他问题似乎都与提交的表单有关，但我的 fiddle 非常非常简单，并且不以任何方式使用表单。为什么页面没有按预期运行？

HTML:

<body>
<div id="sidebar">
    <a href="#" id="videos-link">Videos</a><br>
    <a href="#" id="photos-link">Photos</a>
</div>
<br><br>
<div id="home" class="page">Home page.</div>
<div id="videos" class="page">Videos page.</div>
<div id="photos" class="page">Photos page.</div>
</body>

CSS:

#videos, #photos {
    display:none;
}

JS:

$('#videos-link').click(function () {
    $(".page").hide();
    $('#videos').show();
    return false
    });

$('#photos-link').click(function () {
    $(".page").hide();
    $('#photos').show();
    return false
    });

查看fiddle：http://jsfiddle.net/zch0s04z/

已解决：除了遗漏href中的“#”外，我还忘记加载jQuery库。我会留下这个问题来帮助任何像我一样心不在焉的人！

Answer 1

您忘记在您的链接 href 属性中添加 #-符号：

<a href="#" id="videos-link">Videos</a><br>
<a href="#" id="photos-link">Photos</a>

以上代码适用于您的 fiddle:

$('#videos-link').click(function () {
    $(".page").hide();
    $('#videos').show();
    return false
    });

$('#photos-link').click(function () {
    $(".page").hide();
    $('#photos').show();
    return false
    });

#videos, #photos {
    display:none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="sidebar">
    <a href="#" id="videos-link">Videos</a><br>
    <a href="#" id="photos-link">Photos</a>
</div>
<br>
&mdash;
<br>
<div id="home" class="page">Home page.</div>
<div id="videos" class="page">Videos page.</div>
<div id="photos" class="page">Photos page.</div>

JSFiddle returns "Please use POST request"，但我没有使用表单

JSFiddle returns "Please use POST request", but I'm not using a form

html

javascript

css

jquery

jsfiddle