2012-11-30 66 views
0

我正在使用jquery和jquery mobile來捕捉更改事件。我使用這個網站和jQuery代碼:範圍輸入更改事件不會觸發

HTML:

<input type="range" name="someName" min="0" max="10"/> 

的jQuery:

$('input[type="range"]').change(function(){ 
    alert('asdasd'); 
}); 
當我改變輸入

屬性來命名它工作正常。像這樣:

$('input[name="range"]').change(function(){ 
     alert('asdasd'); 
}); 

我不知道爲什麼事件沒有被緩存。 謝謝

+3

在Chrome中適用於我 - http://jsfiddle.net/spliter/dmZNn/。你確定你正在瀏覽器中測試,支持「範圍」類型的輸入嗎? – spliter

+0

工作在IE9上!謝謝@spliter jsfiddle。 :) – Rikki

+0

更改僅在單擊更改元素外部的某處時觸發 –

回答

0

看起來不錯。也許你在元素加載之前調用了jquery。它是否包裝在document.ready中?您是否使用非HTML5瀏覽器?

$(function(){ 
    $('input[type="range"]').change(function(){ 
     alert('asdasd'); 
    }); 
}); 
+0

它是用document.ready包裝的,我使用最新的Chrome。嘗試所有流行的瀏覽器(Firefox,資源管理器,歌劇等) – vlio20

+0

而你沒有控制檯錯誤?在瀏覽器中? –

+0

nope,我複製了Fiddle給出的代碼@spliter,它不起作用。 – vlio20

0

'輸入[類型= 「範圍」]' 不觸發changeEmulate touch screen是真然後Chrome瀏覽器