使用jQuery选择滑块切换图像？

我以为这会很琐碎，但我有问题

使用jQueryUI滑块，我希望有一个带有“stage1”到“stage12”的滑块。当您更改滑块时，我希望根据当前选定的舞台更改图像。我正在使用以下代码：

脚本：

$('select#valueBB')
            .selectToUISlider({labels: 12})
            .change(

                function()
                {
                    $('#selectionImage').attr('src', 'images/SEM/' + $(this).val() + '.jpg');
                }
                );

        //fix color 
        fixToolTipColor();

HTML:

阶段：
第一阶段
阶段2
阶段3
阶段4
阶段5
阶段6
阶段7
阶段8
第九阶段
阶段10
阶段11
阶段12

这12幅图像名为Stage1.jpg Stage2.jpg等，位于images/SEM/文件夹中如果我从下拉框中选择了阶段，则此操作正确。但是如果我使用滑块，图像不会改变。

---

谢谢你的帮助

我打赌selectToUISlider有自己的更改功能，您必须使用该功能才能获取其更改事件

这可能是真的，感谢您的回复mkoryak…我现在将对此进行研究。很惊讶，我在SelectToIsLider中找不到更多处理更改功能的方法。

<img id="selectionImage" src="" width="500px" alt="">


        <label for="valueBB">Stage:</label>
        <select class = "Stage" name="valueBB" id="valueBB">
            <optgroup label="Stage">
                <option value="Stage1">Stage1</option>
                <option value="Stage2">Stage2</option>
                <option value="Stage3">Stage3</option>
                <option value="Stage4">Stage4</option>
                <option value="Stage5">Stage5</option>
                <option value="Stage6">Stage6</option>
                <option value="Stage7">Stage7</option>
                <option value="Stage8">Stage8</option>
                <option value="Stage9">Stage9</option>
                <option value="Stage10">Stage10</option>
                <option value="Stage11">Stage11</option>
                <option value="Stage12">Stage12</option>
            </optgroup>
        </select>