1

オブジェクトのダウンライン全体のエディターと表示テンプレートを作成しました。

これで、内部オブジェクトのテキスト ボックスの 1 つが日付ピッカーになります。

問題は、を使用した初期ロードの後に​​ロードされAjax、含まれているスクリプトが機能しないことです。

テンプレートの下部に次のスクリプトを含めようとしましたが、スクリプトはレンダリングされますが、何もしません:

@Styles.Render("~/Content/themes/base/css")
@Scripts.Render("~/bundles/jquerytimepicker")

<script type="text/javascript">
  alert('dddddddddddddddddddddddddd');
  $('.time-picker').timepicker();
</script>

上記のコードでは、スクリプトが実行されていないことを証明するためだけにダミー アラートも追加しました。

外部ページのセクション定義にスクリプトを含めようとしましたが、テンプレートと部分ビューには設計上セクションを含めることができないため、機能しません (これを読む)。

4

1 に答える 1

1

timepicker を html にアタッチする js は document.ready で実行されるため機能しませんが、ajax 経由で読み込まれたコンテンツは document.ready の後に読み込まれます。

そのため、ajax リクエストが完了した後に、タイムピッカーをアタッチするメソッドを再度呼び出す必要があります

あなたはこれを試すことができます：

$(document).ajaxComplete(function(event, xhr, settings) {
    alert('an ajax request completed');
    $('.time-picker').timepicker();
});
于 2013-05-03T21:24:40.273 に答える