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中高于事件起源元素的事件的过程。允许我们为现在或将来存在的元素附加一个事件侦听器。