如何通过自定义jquery触发多维数据集组合?

时间:2018-01-24 05:32:32

标签: jquery html css

我需要通过自定义JQuery触发Cube投资组合过滤器。 enter image description here 例如:

我在多维数据集组合中有一个滑块,有20多个项目采用各种技术。如果我滑动div,过滤器应该在特定技术上激活,如“动画”,“动画”文本的过滤器应该是活动的。

是否有任何解决方案或任何其他替代滑块?

1 个答案:

答案 0 :(得分:0)

首先,您的要求不清楚。如果您可以更具体,那将会很有帮助。

我的理解:您需要在更改滑块时触发[过滤器]操作。

我给出了如何基于特定事件触发事件的基本布局。你可以即兴发挥。

第1步: 在单击下一个/上一个按钮进行滑块移动时发起呼叫。 [我们假设您正在调用方法 TriggerSlide()]

第2步: Inisde TriggerSlide()调用一个函数,它将为您提供当前滑块[假设您正在调用 GetCurrentSlider()]。将其ID /值存储在变量中。

第3步: 现在调用 Filter()函数并将当前滑块的id作为参数传递。现在你的过滤功能应该处理它的工作。

基本方法:

 //Triggering a method on clicking the prev/next arrows
        $('.cbp-nav-prev,.cbp-nav-next').click(function(){ 

        });

//A method that will give you the current slider's Id/Value.
       function GetCurrentSlider(){
         //your code here
       }

//Filter method that you intend to call when the slider is changed.
       function FilterTech(slider){
          //your code here
       }

最后一块:

$('.cbp-nav-prev,.cbp-nav-next').click(function(){     
      var currrentSlider = GetCurrentSlider();
      FilterTech(currrentSlider);
});
  

注意:我已经通过调用警报功能在您提到的网站上测试了此代码,触发器工作正常。我提醒你   这只是一个布局,你可以做你的事情让它工作   在滑动/您想要完成的任何动作。