Question

我有与某个选项相关的按钮，我想显示与选择相关的表单，并在单击其中一个时删除按钮。我在开头隐藏所有表单，因此用户必须先单击该按钮。这是代码：

$(document).load(function () {
    $("#radial, #rect").hide();
});
$("#rectS").click(function () {
    $("#rect").show(slow);
    $(".confirm").remove();
});
$("#radialS").click(function () {
    $("#radial").show(slow);
    $(".confirm").remove();
});

但它没有做任何事，也没有人能告诉我原因。顺便说一下，隐藏起初也不起作用。 jQuery真的令人沮丧...

Codepen：http://codepen.io/megakoresh/pen/HJEzx

Answer 1

您需要将slow更改为'slow'。并在加载dom元素后将代码包装在$(document).ready(function(){ });中以绑定事件

$(document).ready(function () {
    $("#radial, #rect").hide();
    $("#rectS").click(function () {
        $("#rect").show('slow');
        //--------------^----^--
        $(".confirm").remove();
    });
    $("#radialS").click(function () {
        $("#radial").show('slow');
        //----------------^----^--
        $(".confirm").remove();
    });
});

Codepen Demo

<强> Documentation : http://api.jquery.com/show/

Answer 2

尝试

将所有代码放入DOM Ready

$(document).ready(function () {
    $("#radial, #rect").hide();
    $("#rectS").click(function () {
        $("#rect").show('slow');
              //        ^    ^ wrap show in quotes
        $(".confirm").remove();
    });
    $("#radialS").click(function () {
        $("#radial").show('slow');
        $(".confirm").remove();
    });
});

按下按钮时使用jQuery隐藏元素

2 个答案: