События jQuery для мобильных слайдеров не срабатывают

Я хочу изменить пропорции DIV с помощью ползунка jquery (на мобильном устройстве). Код довольно прост и по какой-то причине работает на JS Fiddle (http://jsfiddle.net/gsjBC/1/), но не на нормальной странице html. Может ли кто-нибудь помочь мне определить, почему нет?События jQuery для мобильных слайдеров не срабатывают

Вот HTML-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <title>Testing</title> 


    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js">  </script> 
</head><body> 

<div data-role="fieldcontain"><input type="range" name="slider" id="slider" value="60" min="0" max="100" /></div> 

<script> 
$("#slider").change(function() { 
sliderValue = $(this).val();$("#proportion").width(sliderValue*3); 
$("#proportion").height(300-sliderValue*3);}); 
</script> 

<div id="proportion" style="border:1px solid #ccc; width:150px; height:150px;" /></div> 
</body> 
</html>

источник

2012-12-12 Dan

Put:

$("#slider").change(function() {

$(document).ready(function() { 
// here 
});

источник

2012-12-12 10:27:02

О, конечно! Теперь я чувствую себя идиотом! Благодаря... :) – Dan

События jQuery для мобильных слайдеров не срабатывают

ответ

Смежные вопросы