javascript - 使用“on”功能将日期选择器添加到 html 表单

Question

我正在使用 Jquery 插件来切换面板。切换面板后，我需要向输入添加日期选择器，但添加面板后需要附加插件。我想用 on() 函数来做到这一点，但我似乎无法让它工作。据我了解，您必须使用事件，但是有没有办法从添加的 div 中创建事件。我一直在尝试的代码是一个“点击”事件，这会在第一次点击时添加日期选择器，然后它将在第二次点击时工作。我需要它在第一次点击时工作。它也没有像我需要的那样添加图标。这是我现在正在使用的代码：

  $('#switcher-panel').on('click', 'table tr td input', function(){
    $('.datepicker').datepicker({
      buttonImage: "images/calendar.png"
    });
  });

这是切换面板的html：

<a id="content1" class="switcher">Rank 1</a>
<a id="content2" class="switcher">Rank 2</a>

<!-- The panel you wish to use to display the content -->
<div id="switcher-panel"></div>

<!-- The actual content you want to switch in and out of the panel, this is hidden -->
<div id="content1-content" class="switcher-content show">
</div>

我将如何使用该on功能来完成这项工作。

Answer 1

on()不能运行像 datepicker 这样的插件。插入新的 html 后，您需要调用插件。

沿着这个简单的附加线的东西：

$('#someDiv').append('<input class="datpicker"/>').find('.datepicker').datepicker();