jquery模糊不工作“退出”文本输入，即使“点击”

Question

我正在尝试使用jquery使自定义下拉列表能够“标记为”。也就是说，它由ul组成，我希望文本输入直接位于其上方，当选项卡显示为ul时。但出于某种原因，这个

var input = $("ul.dropdown_ul").prev("input");
$("#container").on("blur", input, function(){
     alert("test");
 });

不起作用。以click为事件，警报将触发。但blur无效。

JSBIN

关于为什么这不起作用的任何想法？感谢。

Answer 1

你的#container是一个div。通常模糊用于输入，这就是为什么它不起作用。以下工作正常。

$("#container input").on("blur", function () {
    alert("test");
});`

评论更新：

如果您希望特定元素具有on blur事件。只需确保正确选择它并将侦听器应用于它。我认为这是你想要完成的事情。

var $input = $("ul.dropdown_ul").prev('input')
$input.on("blur", function () {
    alert("test");
});

Example