Question

我认为这将是相当微不足道的，但我遇到了问题...

使用Jquery UI Slider我想要一个带有“stage 1”到“stage 12”的滑块。当您更改滑块时，我希望根据当前选定的舞台更改图像。我正在使用以下代码：

脚本：

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

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

        //fix color 
        fixToolTipColor();

HTML：

<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>

这12张图片被命名为Stage1.jpg Stage2.jpg等，位于images / SEM /文件夹中。 如果我从下拉框中选择舞台，则此功能正常。但如果我使用滑块，图像不会改变。

感谢您的帮助!!

Answer 1

我敢打赌，selectToUISlider有自己的更改功能，你必须使用它才能让IT改变事件

使用jQuery Select Slider切换图像？

1 个答案: