關於jQuery的移動<INPUT TYPE = 「範圍」>

我用JQM創建一個輸入標籤，這樣關於jQuery的移動<INPUT TYPE = 「範圍」>

<input type="range" min="1" max="40" value="1" step="0.1" autocomplete="off"/>

我所著的JavaScript代碼

$('.ui-slider-handle').click(function(){ 
    var pix = parseFloat($(this).attr("title")); 
    console.log(pix); 
});

沒有問題在電腦上，但不是在移動，所以我改變了我的代碼像這樣

$('.ui-slider-handle').on("tap",function(){ var pix = parseFloat($(this).attr("title")); console.log(pix); });

它仍然沒有工作！

THX！

來源

2016-12-21 WUSO01

你能試着做的'$（「#slider_id」）。 on（「slidestop」，功能（event）{ \t console.log（event.targe t.value）; }）'？ – sandyJoshi

對不起dude.it不工作 – WUSO01

試試這個：

HTML：

<div data-role="page" id="page-1"> 
    <div data-role="header"> 
     <h4>Slider</h4> 
    </div> 
    <div data-role="main" class="ui-content"> 
     <label for="slider">Slider</label> 
     <input type="range" name="slider" id="slider" min="1" max="40" value="1" step="0.1" autocomplete="off" /> 
     slidestart: <input type="text" id="txt1"> 
     slidechange: <input type="text" id="txt2"> 
     slidestop: <input type="text" id="txt3"> 
    </div> 
</div>

的JavaScript：

$(document).on("pagecreate", "#page-1", function() { 
    $("#slider").on("slidestart", function() { 
    var val = $(this).val(); 
    $("#txt1").val(val); 
    }); 
    $("#slider").on("change", function() { 
    var val = $(this).val(); 
    $("#txt2").val(val); 
    }); 
    $("#slider").on("slidestop", function() { 
    var val = $(this).val(); 
    $("#txt3").val(val); 
    }); 
});

小提琴：https://fiddle.jshell.net/8js4npso/

來源

2016-12-21 14:05:21 deblocker

OK.it's worked.thx much – WUSO01

關於jQuery的移動<INPUT TYPE = 「範圍」>

回答

相關問題