javascript - 在 Jquery 中加载动态控件

Question

我想根据另一个动态控件的值来改变一个动态添加的控件的 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. 见这里，“负载时发射”。未记录。

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

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

Answer 1

试试这个方法：

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