JQueryの時間ピッカーが2回目で動作しない

Question

私は、ajax経由でロードされたフォームを含むモーダルダイアログを持っています。フォームには、jqueryのtimepickerを使用して入力されるtimフィールドがあります。ダイアログを一度開くと、すべて正常に動作します。私は、ダイアログをロードする場合はページを更新せずに二回目は、ここに

を働いていないtimepickerは、あなたの質問自体が曖昧かもしれないので、私はそれかもしれない2つのシナリオを提供しようとするでしょう私のコード

<asp:TextBox runat="server" ReadOnly="true" CssClass="form-control timepicker" ClientIDMode="Static" ID="txtTime" /> 
    $(document).ready(function() { 
     $("#txtTime").timepicker({ 
      twentyFour: false, title:'Time', showSeconds: false 
     }); 
    }); 

Answer 1

ですあなたの問題に対処してください。

あなたはDOM内の要素を交換する場合は...

既存の要素を交換または除去され、DOMに再追加されているいずれかの場合は、あなたが再ことを確認する必要がありますワイヤーまでごtimepicker機能あなたが表示またはダイアログとその内容を廃棄しているかの正確な詳細を知らなくてもDOM

// Open your dialog here and re-write your elements 

// This will target the new element that should now be present in the DOM 
$("#txtTime").timepicker({ twentyFour: false, title:'Time', showSeconds: false }); 

にその要素の最新のインスタンスをターゲットに、それを判断するのは難しいかもしれませんこれを処理する最良の方法ですが、ピッカーをそれぞれ明示的にインスタンス化しますそれが期待どおりに機能するようにする必要があります。あなたが実際にページを掲載し、それをリロードする場合は

...フォームを提出するか、ページを更新している事例では

、それはあなたのtimepickerは、処理中に持続し、意志はないということは注目に値しますページが最初にロードされるときに再インスタンス化する必要があります。

$(function(){ 
     // This will ensure that when the page loads, your timepicker works 
     $('#txtTime').timepicker({ ... }); 
});