Question

这是我第一次使用jquery，我不知道为什么这个简单的部分不起作用。我有两个按钮，一个隐藏div而另一个显示它，但按钮仍然进行回发，即使我已将UseSubmitBehaviour设置为false。

<script type="text/javascript">
$(document).ready(function () {
    $("#Social_WorkerButton").click((function () {
        $("#SponsorDetails").hide("slow");
    });
    $("#SponsorButton").click(function () {
        $("#SponsorDetails").show("slow");
    });
});

这是头部内的脚本块，对jquery文件的引用位于主页面中。

编辑：我得到一个警告，第二个分号应该是a，或者）但我不明白为什么，代码直接来自w3学校

Answer 1

您可以使用事件参数的preventDefault()来停止发生默认行为（在这种情况下，按钮提交）。

<script type="text/javascript">
$(document).ready(function () {
    $("#Social_WorkerButton").click((function (e) {
        e.preventDefault();
        $("#SponsorDetails").hide("slow");
    });
    $("#SponsorButton").click(function (e) {
        e.preventDefault();
        $("#SponsorDetails").show("slow");
    });
});

Answer 2

我看到你标记了ASP.NET。你没碰巧使用ASP：控件，是吗？如果你没有在你的代码中使用它们，我没有理由这样做。尝试使用简单的HTML <input type="button" />或简单<button />。

修改

$(document).ready(function () { $("#Social_WorkerButton").click(function () { // <-- Extra parenteses removed $("#SponsorDetails").hide("slow"); }); $("#SponsorButton").click(function () { $("#SponsorDetails").show("slow"); }); });

简单的jquery无法正常工作

2 个答案: