Question

考虑这段代码。

单击按钮时，“活动”类将添加到此处，并删除所有其他按钮。

我希望页面加载一个带有活动类的按钮，但是当我将该代码放在（document）.ready的顶部时，它会在每次单击一个按钮时运行，（它应该被删除第二个另一个按钮）单击按钮。

$(document).ready(function () {
   $("#society-buttons-form .big-button :input").addClass('active');
});


    //new jquery for buttons, does not lose class
    $("#society-buttons-form .small-button :input, #society-buttons-form .big-button :input").hover(function(){
        $(this).addClass("hoveractive");
      },
      function () {
        $(this).removeClass("hoveractive");
      }
    );


    $("#society-buttons-form .small-button :input, #society-buttons-form .big-button :input").click(function(){

        $("#society-buttons-form .small-button :input, #society-buttons-form .big-button :input").removeClass('active');
        $("#society-buttons-form :input, #society-buttons-form .big-button :input").removeClass('active');
       // $("#society-buttons-form .big-button :input").removeClass('active');
        $(this).addClass('active');
        $(this).removeClass("hoveractive");

    });

Answer 1

如果按钮提交表单，则必须添加

返回false;

到你的onclick处理程序的末尾。

记录准备好的代码不止一次运行

1 个答案: