2016-07-27 6 views
1

生産/開発環境では、JSフィドルに動作します:私はちょうど値の変化にそれをテストしていChangeイベントがない私は、このような単純な<code>timepicker</code>要素持って

<input class="pickuptime_end" id="pickuptime_end" name="pickuptime_end" placeholder="Time" size="10" type="text" value="10 pm" style="display: inline-block;"> 

を、それは私に警告します:

$("input.pickuptime_start, input.pickuptime_end, input.deliverytime_start, input.deliverytime_end").change(function() { 
    alert("changed") 
}) 

JSフィドルではすべて正常に動作します(https://jsfiddle.net/gnroaxut/1/)。

私のライブサイトでは(https://hidden-tundra-8656.herokuapp.com/orders/61862e?key=UDIS)、そうではありません。コードはまったく同じです:

<input class="pickuptime_end" id="pickuptime_end" name="pickuptime_end" placeholder="Time" size="10" type="text" value="5 am"> 

ソースJSコード:

$('.pickuptime_end').timepicker({ 
    interval: 30, 
    disableTextInput: true 
}); 
$("input.pickuptime_start, input.pickuptime_end, input.deliverytime_start, input.deliverytime_end").change(function() { 
    alert("changed") 
}) 

それは働いていない理由として、任意の考えHTMLをレンダリング

?ことに注意してください:それは

  • 他のすべてのjQueryの罰金されている問題ではないですが、私は資産をプリコンパイルしている

    • コードが必要か、これも機能していないCDN
    • 経由でインポートされていないので、何も問題はありません開発モードで
    • には、コンソールのエラーはありません
  • +0

    jquery date pickerをサーバーに追加しましたか? –

    +0

    はい、すべてのコードが正しいです – james

    +0

    IDで参照するのはどうですか? $( "#pickuptime_start、#pickuptime_end、#deliverytime_start、#deliverytime_end")。(function(){ 警告 } – DanielGatti

    答えて

    0

    あなたがあなたのサイト上で使用しているものとはtimepickerの異なるバージョン(1.10.0 [jsfiddle] VS 1.3.1を[使用していたリンクjsfiddleあなたサイト])。 1.3.1休憩アラートにjsfiddleの更新:ワーキング例えばhttps://jsfiddle.net/t986738k/

    $('.pickuptime_end').timepicker({ 
         interval: 60, 
        change: function(x){alert('changed')} 
        }); 
    

    参照:https://jsfiddle.net/ux2LweLb/2/

    はしかし、1.3.1使用することで、timepickerのネイティブ変更プロパティを使用することができます。

    関連する問題