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

Posted 2023-05-09

【中文标题】jQuery 移动滑块栏根据其值触发不同的事件

【英文标题】：jQuery mobile slider bar firing different event depending on its value

【发布时间】：2012-10-29 14:38:29

【问题描述】：

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

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

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

jsfiddle.net/nori2tae/zT2ZH/

谢谢。

【参考方案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/

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

【讨论】：

非常感谢！将尝试这个并在我的项目中实施。让你知道它是怎么出来的！

抱歉回复晚了。您提供的代码在我的项目中运行良好。再次感谢:)