Question

我正在尝试使用

            $(document).ready(function () {
        $( "#Bottom" ).delay(1000).slideDown( "slow" )});

        $( "#SuC" ).click(function() {
            $( "#Wrap" ).fadeOut( "slow" , function() {
                $( "#WrapSu" ).delay(2000).slideDown( "slow" )});
        });

但它不起作用，我点击的按钮是：<a href="#" id="SuC">Sign up!</a>

但它不会反应，我做错了什么？

Answer 1

你忘了用分号关闭你的函数，应该如下：

 $(document).ready(function () {
     $("#Bottom").delay(1000).slideDown("slow");
 });

 $("#SuC").click(function () {
     $("#Wrap").fadeOut("slow", function () {
         $("#WrapSu").delay(2000).slideDown("slow");
     });
 });

编辑：

另请注意，当您将事件侦听器附加到特定项目时，您必须确保已经渲染了此项目，因此您应该将onclick放入：

 $(document).ready(function () {

或代替

$("#SuC").click(function () {

使用

$(document).on("click","#SuC",function () {

Answer 2

尝试将所有代码包装在ready函数中，这是一个工作版本：http://jsfiddle.net/bingjie2680/crCQ7/

$(document).ready(function () {
    $( "#Bottom" ).delay(1000).slideDown( "slow" );

    $( "#SuC" ).click(function() {
        $( "#Wrap" ).fadeOut( "slow" , function() {
            $( "#WrapSu" ).delay(2000).slideDown( "slow" )});
    });
});

Jquery fadeout滑落不起作用

2 个答案: