2016-07-27 51 views
1

我有一個簡單timepicker元素是這樣的:變化事件在JS小提琴作品,而不是在生產/開發環境

<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 Fiddle中一切正常(https://jsfiddle.net/gnroaxut/1/)。

然而,在我的現場網站(https://hidden-tundra-8656.herokuapp.com/orders/61862e?key=UDIS),它沒有。該代碼是完全一樣的:

渲染HTML:

<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") 
}) 

任何想法,爲什麼它不工作?需要注意的是:

  • 我已經預編譯的資產,這不是問題
  • 所有其他的jQuery是罰款,也有因爲代碼沒有被要求或者通過CDN
  • 這也是行不通的進口沒有任何問題在開發模式
  • 沒有控制檯錯誤
+0

你在服務器中包含jquery日期選擇器? –

+0

是的,所有包含的代碼都是正確的 – james

+0

如何通過ID引用它們? ()# $(「#pickup時間開始,#pickuptime_end,#deliverytime_start,#deliverytime_end」)。change(function(){ alert(「changed」) }) – DanielGatti

回答

0

您使用不同版本的timepicker比您使用網站上的一個(1.10.0 [的jsfiddle] VS 1.3.1 [鏈接中的jsfiddle您現場])。與1.3.1斷警報更新的jsfiddle:https://jsfiddle.net/ux2LweLb/2/

然而,在使用1.3.1允許您使用timepicker的本機更改屬性:

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

參見:https://jsfiddle.net/t986738k/的工作示例。

相關問題