jQuery在引导模式下不起作用

Question

我正在尝试使用以下jQUery突出显示引导模式图层中的选择元素：

jQuery(window).load(function() {
    pqGlobal.selectInputStyle();
}


selectInputStyle: function () {
    jQuery( "select" ).on( "focus blur", function() {
          var elem = jQuery( this );
          elem.toggleClass( "focusBorder", elem.is( ":focus" ) );
        });
},

我了解在窗口加载事件之后将加载模态层。

有办法解决这个问题吗？

Answer 1

代替这个：

jQuery( "select" ).on( "focus blur", function() {
  var elem = jQuery( this );
  elem.toggleClass( "focusBorder", elem.is( ":focus" ) );
});

尝试这个：

jQuery( document ).on( "focus blur", "select", function() {
  var elem = jQuery( this );
  elem.toggleClass( "focusBorder", elem.is( ":focus" ) );
});

它使用事件委托 ，允许动态内容继承jquery事件。

事件委托是指使用事件传播（冒泡）在DOM中比事件起源的元素更高的级别处理事件的过程。 它允许我们为当前或将来存在的元素附加单个事件侦听器。