javascript - jQuery Mobile slider 根据其值触发不同的事件

Question

快速提问。 我使用 jqmobile ver.1.2.0 和垂直 slider 插件(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/

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