javascript - jQuery 移动滑块栏根据其值触发不同的事件

Question

快速提问。我使用带有垂直滑块插件的 jqmobile ver.1.2.0（http://www.elmundio.net/blog/jquery-mobile-vertical-slider/）。

如何根据其值启动某些功能。前任。值为 50 时，更改其他地方的类名，值为 100 时将页面重定向到新 URL。

之后我会制作一些示例页面。这是示例。

jsfiddle.net/nori2tae/zT2ZH/

谢谢。

Answer 1

我想这就是你需要的

function anotherfunction() {
    alert('another function is fired');
}
$(document).ready(function() {
    //do something
    $('.container').change(function() {
        if ($(this).children('input').val()==50) {
            $('.changeThis').addClass('changed');
            $('.changed').removeClass('changeThis');
            alert("at 50 and changeThis now have [" + $('.changed').attr("class") + "] classes");
        } else if($(this).children('input').val()==100) {
            // another function here
            anotherfunction();
        }
    });
});

jsfiddle：http: //jsfiddle.net/BerkerYuceer/5ZHue/

您也可以尝试在移动调试模式下..