Question

我正在寻找一种方法来改变焦点元素的css。

input.on("select2-focus", function(elem) {
    console.log('FOCUSING');
    $(this).css('background-color', 'yellow');
});

我要做的是，点击的焦点元素的背景颜色应为黄色。

但这不起作用，它什么也没做。

Answer 1

这是因为Select2将隐藏原始输入并在您的页面上创建一个新组件。你的代码以原始输入为目标，这是隐藏的，并且造型不会产生任何影响。

但是您可以从输入中获取select2容器，如下所示：

input.on("select2-focus", function(elem) {
    var $container = $(this).data('select2').$container;
    $container.css('background-color', 'yellow');
});

Answer 2

使用此代码检查

$(document).on("focus", ".select2-focus", function() {
    console.log('FOCUSING');
    $(this).css('background-color', 'yellow');
});

聚焦元素jquery改变css

2 个答案: