在 Jquery 中加载动态控件答案

【问题标题】：On load of a dynamic control in Jquery在 Jquery 中加载动态控件
【发布时间】：2018-12-07 11:07:49
【问题描述】：

我想根据另一个动态控件的值来改变一个动态添加的控件的attr/css。例如。

HTML

<input type="button" id="btnAdd" value="Add Div"/><br/><br/>

脚本

  $(document).ready(function() {
      $('#btnAdd').on('click', function(){
        $('<div>Red</div><br/>').appendTo('body');
      });
});

在 document.ready 中，动态控件未加载。我必须在动态控件加载到 DOM 后执行我的代码。

我尝试了下面的代码，但没有成功

 $('div').on('load', function() {
      $('div').css('color', 'red')
  });

以上代码仅作为示例。从上面例如，我希望在我的动态控件的加载事件中而不是在按钮的单击事件中执行我的代码。（jQuery 1.7 版）

例如 2。 See Here，“负载发射”。没有记录。

编辑： 这正是我想要做但没有工作的事情。

$(document).ready(function () {
    $(document).on('load', '#TimeRangeCondition #StartTime', function () {
    $(this).attr("placeholder", "00:00").blur();
    });
});

【问题讨论】：

标签： javascript jquery dynamic

【解决方案1】：

试试这个方法：

$(document).on('load', 'div', function() {
    $(this).css('color', 'red')
});

【讨论】：

感谢Himanshu，但这没有帮助。请查看我的编辑以及演示链接。
这两个选择器#TimeRangeCondition #StartTime是父子关系还是两个不同的元素？
StartTime 是 TimeRangeCondition 中的一个控件
那么发生了什么？它没有收到StartTime 是吗？但是为什么要使用父元素引用，因为它已经可以通过 id 访问？
您可以参考我作为 eg2 提供的链接来了解该问题。我认为这与id没有任何关系。可能还有另一个控件，其中包含 StartTime，因此将其与父 ID 一起使用。我希望在加载控件时将 StartTime 附加到占位符 attr。