Jquery mobile 用jquery移动滑块控制easeljs符号

我是createjs和jquery mobile的新手。这可能是一个简单的问题，但我不知道怎么做，也没有在网上找到任何答案

我使用CreateJS的Flash工具包创建了一个画布对象。我想用jQuery移动滑块控制它

这是我的html代码：

<canvas id="canvas" width="200" height="200" style="background-color:#ffffff"></canvas>
<input type="range" name="slider-1" id="slider-1" value="1" min="1" max="6" data-highlight="true" />

然后，我在jQuery中做了类似的事情，这是另一个JS文件的一部分：

var canvas, stage, exportRoot;

function init() {
canvas = document.getElementById("canvas");
exportRoot = new lib.squareB();

stage = new createjs.Stage(canvas);
stage.addChild(exportRoot);
stage.update();

createjs.Ticker.setFPS(24);
createjs.Ticker.addListener(stage);
}

$('#slider-1').live('change', function(){
    var slider_value = $(this).slider().val();
    if(slider_value==1){
    }   
    else if(slider_value==2){
        //here is the issue, squareB1 is the symbol instance
        exportRoot.squareB1.gotoAndStop(1);
    }
    else if...
}

我的问题是如何使用滑块转到画布对象中实例的特定帧。

---

谢谢你的回答

欢迎在支持论坛上发布CreateJS问题

这看起来像CreateJS输出工具包。这不起作用的可能原因是，除非您创建了一个名为“canvas”的变量，它是Flash的导出根，否则squareB1没有定义。Flash中舞台上的元素作为exportRoot的子元素导出，您可以在生成的HTML引导文件中看到。孩子可能生活在这个范围内

---

您可以发布更多代码来显示导出根目录的创建位置，或者更详细地描述您的设置吗？

工具包的flash阶段通常是FLA的名称，它是生成的JavaScript文件中的第一个库定义。通常，它在工具箱创建的HTML中作为“exportRoot”为您创建。在您的例子中，它可能是“SquareB”的一个实例（注意“stage content”注释）

---

谢谢你，兰尼！起初，我不想把整个代码。我用工具箱生成的全部代码更新了这个问题。还有另一个JS片段，带有init函数，我没有更改。请告诉我如何引用该实例。再次感谢！兰尼，我还是不明白。我将代码放在“else if”中，然后尝试不同的方法。您可以编辑我在jQuery条件中输入的内容吗？我也扩展了代码段，包括JS文件中的init函数。我真的很感激你的帮助，谢谢！

var canvas, stage, exportRoot;

function init() {
canvas = document.getElementById("canvas");
exportRoot = new lib.squareB();

stage = new createjs.Stage(canvas);
stage.addChild(exportRoot);
stage.update();

createjs.Ticker.setFPS(24);
createjs.Ticker.addListener(stage);
}

$('#slider-1').live('change', function(){
    var slider_value = $(this).slider().val();
    if(slider_value==1){
    }   
    else if(slider_value==2){
        //here is the issue, squareB1 is the symbol instance
        exportRoot.squareB1.gotoAndStop(1);
    }
    else if...
}

    var exportRoot = new lib.SquareB();
    exportRoot.instance.gotoAndStop(1);