Javascript事件侦听器在浏览器中工作，而不是在phonegap中？

我正在为phonegap应用程序在jquery mobile中编写一个带有RGB滑块的颜色选择器。它在浏览器中工作，但在推送到手机时不工作（使用phonegap/eclipse）。我不知道如何使用phonegap获得javascript控制台反馈，所以我有点不知所措

我已经尝试对更改事件侦听器使用“.on.change.live.bind”，所有这些侦听器我都可以在浏览器中使用，但在phonegap应用程序中没有

下面是它的样子：

下面是javascript：

$(function () {
$("#red, #green, #blue").change(function () {
    var red = $("#red").val();
    var green = $("#green").val();
    var blue = $("#blue").val();
    var redp = Math.round((red * 100) / 255);
    var greenp = Math.round((green * 100) / 255);
    var bluep = Math.round((blue * 100) / 255);
    $('#redrgb').html(red);
    $('#greenrgb').html(green);
    $('#bluergb').html(blue);
    $('#redpercent').html(redp + "%");
    $('#greenpercent').html(greenp + "%");
    $('#bluepercent').html(bluep + "%");
    $("#swatch").css("background-color", "rgb(" + red + "," + green + "," + blue + ")");
    console.log(red);  });  });

这是HTML

<div id="colorpicker">
    <div id="swatch">
        <div class="rgb swatchtext" id="redrgb">255</div><div class="percent swatchtext" id="redpercent">100%</div>
        <div class="rgb swatchtext" id="greenrgb">140</div><div class="percent swatchtext" id="greenpercent">55%</div>
        <div class="rgb swatchtext" id="bluergb">60</div><div class="percent swatchtext" id="bluepercent">24%</div>
    </div>
    <div class="rgbslider" id="sliderred"><input type="range" class="rgbsliders" id="red" value="255" min="0" max="255" /></div>
    <div class="rgbslider" id="slidergreen"><input type="range" class="rgbsliders" id="green" value="140" min="0" max="255" /></div>
    <div class="rgbslider" id="sliderblue"><input type="range" class="rgbsliders" id="blue" value="60" min="0" max="255" /></div>
</div>

255100%
14055%
6024%

---

我正在使用JQuery Mobile、phonegap，现在我正在android上进行测试，但一旦我使用它，它也将在iOS上运行。

您是否尝试将其放入$（文档）中。改为绑定（'pageinit'）块

这很有效

$(function () {
$("#red, #green, #blue").slider({
    create: function (event, ui) {
        $(this).bind('change', function () {
            var red = $("#red").val();
            var green = $("#green").val();
            var blue = $("#blue").val();
            var redp = Math.round((red * 100) / 255);
            var greenp = Math.round((green * 100) / 255);
            var bluep = Math.round((blue * 100) / 255);
            $('#redrgb').html(red);
            $('#greenrgb').html(green);
            $('#bluergb').html(blue);
            $('#redpercent').html(redp + "%");
            $('#greenpercent').html(greenp + "%");
            $('#bluepercent').html(bluep + "%");
            $("#swatch").css("background-color", "rgb(" + red + "," + green + "," + blue + ")");
            console.log(red);
        });}});});

---

我不得不将html输入中的type=“range”改为type=“text”。

jquery mobile和phonegap的最新版本是什么？jquery 1.7.2、JQueryMobile 1.1.1、Cordova 2.0.0。我昨晚刚下载了所有的东西。我该如何实现呢？我对JQuery Mobile的不同之处有点迷茫。是的，我已经读了好几遍了，但我仍然无法让它工作。实际的滑块移动，只是不会改变样例颜色或样例中的RGB值。