Javascript 为什么jQuery函数没有'；我们不能一起工作吗？

我是jQuery新手，当不同的输入有值时，我的函数会将类活动添加到按钮。然而，两个函数中只有一个同时起作用。这两个函数分别工作得很好。也许我错过了什么？我直接在html文件上编写这些函数，而不使用

document.ready

，但这并没有解决问题。有没有办法使这两个功能同时工作

$（文档）.ready（函数（）{
setEvents（）；
$（'.search_box_container'）。触发器（'keyup'）；
});
函数setEvents（）{
$（'.search\u box\u container'）。在（'keyup'，function（）上{
变量$this=$（this），
search_-box_-name=$this.find（'.search_-box_-name'）.val（）.trim（），
search_-box_-id=$this.find（'.search_-box_-id'）.val（）.trim（）；
如果（搜索框名称和搜索框id）{
$（'.go_back_right'）.addClass（'active'）；
}否则{
$（'.go_back_right'）.removeClass（'active'）；
}
});
};
$（文档）.ready（函数（）{
setEvents（）；
$（'.didesnis_input'）。触发器（'keyup'）；
});
函数setEvents（）{
$（'.didesnis_input'）。on（'keyup'，function（）{
变量$this=$（this），
search_-box=$this.find（'.search_-box'）.val（）.trim（）；
如果（搜索框）{
$（'.go_back_right_create'）.addClass（'active'）；
}否则{
$（'.go_back_right_create'）.removeClass（'active'）；
}
});
}

。返回\u右侧。活动{
背景色：rgba（255，255，255，0.05）；
动画：fadeIn轻松10秒；
-webkit动画：fadeinease2s；
}
.返回\u右\u创建。活动{
背景色：红色；
动画：fadeIn轻松10秒；
-webkit动画：fadeinease2s；
}

---

也许您可以为函数指定不同的名称，因为第二个函数会覆盖第一个函数

如果不使用绑定器，请务必在使用函数之前定义它们

此外，您不需要多次定义

document.ready

function setEventsForInput() {
  $('.didesnis_input').on('keyup', function() {
    var $this = $(this),
      search_box = $this.find('.search_box').val().trim();
    if (search_box) {
      $('.go_back_right_create').addClass('active');
    } else {
      $('.go_back_right_create').removeClass('active');
    }
  });
}

function setEventsForBoxContainer() {
  $('.search_box_container').on('keyup', function() {
    var $this = $(this),
      search_box_name = $this.find('.search_box_name').val().trim(),
      search_box_id = $this.find('.search_box_id').val().trim();
    if (search_box_name && search_box_id) {
      $('.go_back_right').addClass('active');
    } else {
      $('.go_back_right').removeClass('active');
    }
  });
};


$(document).ready(function() {
  setEventsForInput();
  setEventsForBoxContainer();
});

---

也许你可以给函数取不同的名字，因为第二个会覆盖第一个

如果不使用绑定器，请务必在使用函数之前定义它们

此外，您不需要多次定义

document.ready

function setEventsForInput() {
  $('.didesnis_input').on('keyup', function() {
    var $this = $(this),
      search_box = $this.find('.search_box').val().trim();
    if (search_box) {
      $('.go_back_right_create').addClass('active');
    } else {
      $('.go_back_right_create').removeClass('active');
    }
  });
}

function setEventsForBoxContainer() {
  $('.search_box_container').on('keyup', function() {
    var $this = $(this),
      search_box_name = $this.find('.search_box_name').val().trim(),
      search_box_id = $this.find('.search_box_id').val().trim();
    if (search_box_name && search_box_id) {
      $('.go_back_right').addClass('active');
    } else {
      $('.go_back_right').removeClass('active');
    }
  });
};


$(document).ready(function() {
  setEventsForInput();
  setEventsForBoxContainer();
});

---

您的函数需要有唯一的名称。否则，一个函数定义将重新定义（替换）另一个函数定义。在本例中，有两个函数名为

setEvents

。我已重命名这些

setEvents1

和

setEvents2

：

$（文档）.ready（函数（）{
setEvents1（）；
$（'.search_box_container'）。触发器（'keyup'）；
});
函数setEvents1（）{
$（'.search\u box\u container'）。在（'keyup'，function（）上{
变量$this=$（this），
search_-box_-name=$this.find（'.search_-box_-name'）.val（）.trim（），
search_-box_-id=$this.find（'.search_-box_-id'）.val（）.trim（）；
如果（搜索框名称和搜索框id）{
$（'.go_back_right'）.addClass（'active'）；
}否则{
$（'.go_back_right'）.removeClass（'active'）；
}
});
};
$（文档）.ready（函数（）{
setEvents2（）；
$（'.didesnis_input'）。触发器（'keyup'）；
});
函数setEvents2（）{
$（'.didesnis_input'）。on（'keyup'，function（）{
变量$this=$（this），
search_-box=$this.find（'.search_-box'）.val（）.trim（）；
如果（搜索框）{
$（'.go_back_right_create'）.addClass（'active'）；
}否则{
$（'.go_back_right_create'）.removeClass（'active'）；
}
});
}

。返回\u右侧。活动{
背景色：rgba（255，255，255，0.05）；
动画：fadeIn轻松10秒；
-webkit动画：fadeinease2s；
}
.返回\u右\u创建。活动{
背景色：红色；
动画：fadeIn轻松10秒；
-webkit动画：fadeinease2s；
}

---

您的函数需要有唯一的名称。否则，一个函数定义将重新定义（替换）另一个函数定义。在本例中，有两个函数名为

setEvents

。我已重命名这些

setEvents1

和

setEvents2

：

$（文档）.ready（函数（）{
setEvents1（）；
$（'.search_box_container'）。触发器（'keyup'）；
});
函数setEvents1（）{
$（'.search\u box\u container'）。在（'keyup'，function（）上{
变量$this=$（this），
search_-box_-name=$this.find（'.search_-box_-name'）.val（）.trim（），
search_-box_-id=$this.find（'.search_-box_-id'）.val（）.trim（）；
如果（搜索框名称和搜索框id）{
$（'.go_back_right'）.addClass（'active'）；
}否则{
$（'.go_back_right'）.removeClass（'active'）；
}
});
};
$（文档）.ready（函数（）{
setEvents2（）；
$（'.didesnis_input'）。触发器（'keyup'）；
});
函数setEvents2（）{
$（'.didesnis_input'）。on（'keyup'，function（）{
变量$this=$（this），
search_-box=$this.find（'.search_-box'）.val（）.trim（）；
如果（搜索框）{
$（'.go_back_right_create'）.addClass（'active'）；
}否则{
$（'.go_back_right_create'）.removeClass（'active'）；
}
});
}

。返回\u右侧。活动{
背景色：rgba（255，255，255，0.05）；
动画：fadeIn轻松10秒；
-webkit动画：fadeinease2s；
}
.返回\u右\u创建。活动{
背景色：红色；
动画：fadeIn轻松10秒；
-webkit动画：fadeinease2s；
}

不是主要问题，只需为函数保留不同的名称。

不是主要问题，只需为函数保留不同的名称。

document.ready（）块都可以正常执行。这里的小提琴，他们不会凌驾于对方它的工作，谢谢你的建议@DenisKviatkovskij没问题，伙计！不要忘记批准答案：）document.ready（）块都可以正常执行。这里的小提琴，他们不会凌驾于对方它的工作，谢谢你的建议@DenisKviatkovskij没问题，伙计！别忘了批准答案：）