Question

请看一下这个页面。我在这个页面上为每个按钮（#signup_switch_btn和#signin_switch_btn，大红色和绿色按钮）编写了点击功能，但没有人回应。 http://tural.no-ip.org/ - 正在执行的页面。 JS文件 - first.js

Js看起来像这样

$(document).ready(function () {
    $('#signup_form').get(0).reset()
    var counter = 0,
signin = $("#signin_switch_btn"), 
signup = $("#signup_switch_btn"), 
signin_f = $("#signin_form"), 
holder = $("#holder"), 
signup_f = $("#signup_form"), 
f_container = $("#form_container");


    function beforeAnimation() {
        signin.removeClass('default_radius').addClass('right_radius');
        signup.removeClass('default_radius').addClass('left_radius');
        $("#container").animate({
            marginTop: "-=150px",
        }, 500);
    }


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

        if (counter === 0) {
            beforeAnimation();
            holder.css('backgroundColor', '#f91c06').height(275).slideDown("slow");
            f_container.show();
            signup_f.stop(true, true).fadeIn(1200);
        } else {
            holder.stop(true, true).animate({
                height:"275",
                backgroundColor:"#f91c06"
            },1000);
            signin_f.stop(true, true).fadeOut(1000);
            f_container.stop(true, true).animate({
                height:"260"
            },1000);
            signup_f.stop(true, true).fadeIn(1000);
        }
        counter++;
    });

    $("#signin_switch_btn").click(function () {
        if (counter === 0) {
            beforeAnimation();
            holder.css('backgroundColor', '#5bd300').height(125).slideDown("slow");
            f_container.show();
            signin_f.stop().fadeIn(1200);
        } else {
            holder.stop(true, true).animate({
                height:"125",
                backgroundColor:"#5bd300"
            },1000);
            signup_f.stop(true, true).fadeOut(800);
            f_container.stop(true, true).animate({
                height:"110"
            },1000);
            signin_f.stop(true, true).fadeIn(1200);

        }

        counter++;
    });

    $('input[type="text"],input[type="password"]').focus(function () {
        labelFocus(this, true);
    }).blur(function () {
        labelFocus(this, false);
    });

    function labelFocus(el, focused) {
        var name = $(el).attr('name');
        $('label[for="' + name + '"]').toggleClass('focused', !! focused);
    }
    $('input[type="text"],input[type="password"]').keypress(function () {
        $(this).attr('class', 'valid');
    }); 

});

Answer 1

该页面中不存在ID为signup_switch_btn的元素。因此，以下绑定将永远不会起作用：

$("#signup_switch_btn").click

Answer 2

您在html页面上的ID是签名和注册。将$（'＃signup_switch_btn'）更改为$（'＃signup'）

Answer 3

没有id * signin_switch_btn *和* signup_switch_btn *的按钮。您的按钮的ID是登录和注册。

JS点击功能没有响应

3 个答案: