0

作成中のフォームに div を追加しています。関数でこれを行いたいのですが、on()うまくいかないようです。私が理解していることから、イベントを使用する必要がありますが、追加された div からイベントを作成する方法はありますか。私が試しているコードは「クリック」イベントを使用していますが、それは本当に私が望んでいるものではありません。最初のクリック後に日付ピッカーが追加されますが、buttonImage はまったく追加されていません。最初のクリックで動作する必要があります。これが私が今使っているコードです：

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

私が使用しているhtmlは次のとおりです。

<table class="table table-hover" data-controller="rank">
  <thead>
    <tr>
      <th colspan="4" align="left"><h2> Boy Scout Rank</h2></th>
    </tr>
    <tr>
      <th>Number</th>
      <th>Requirements</th>
      <th>Completed</th>
      <th>Date</th>
    </tr>
  </thead>
  <tbody>
    <tr data-name="one_li">
      <td>1</td>
      <td>
        Req
      </td>
      <td>
        <input class="datepicker"/>
      </td>
    </tr>
  </tbody>
</table>

これを処理する方法がわかりません。どんな助けでも素晴らしいでしょう。

4

2 に答える 2

0 
$(function(){

    $('.datepicker').datepicker({
        showOn:"button", // or "both" if you want the input to trigger the datepicker too
        buttonImage: "images/calendar.png"
    });

})
于 2012-11-23T01:17:51.217 に答える
0

上記のコードから判断すると、新しいものを追加しているようには見えません<div />

そうでない場合は、イベント (クリック) ハンドラーを追加する必要はありません - http://jsfiddle.net/ZNR7P/

あなたはただできるはずです：

$(function() {

    $('.datepicker').datepicker();

});​
于 2012-11-23T01:07:51.147 に答える