小编Mam*_*eed的帖子

具有多个句柄的 Jquery UI 滑块

我已经使用 jQuery UI 的滑块事件为滑块创建了一个自定义网格,在滑块中带有附加处理程序。

当我在下拉列表中选择列(网格)时,它不会更改滑块事件选项值和句柄。

我想要的是

当我将滑块拖动到所需的列/网格时,值应显示在输入字段中。下面代码中的值是我要为自定义网格设置的列的百分比。

jQuery(document).ready(function($) {

  jQuery('#footer_widgets_layout').change(function() {
    $(".slider").hide();
    var columns = jQuery(this).val();
    widget_slider(columns);
    $(".slider_" + columns).show();
  }).change();

  function widget_slider(columns) {
    slider_values = [10, 30, 50, 70];
    if (columns == '5') {
      slider_values = [10, 30, 50, 70, 90];
    }
    if (columns == '4') {
      slider_values = [10, 50, 70, 90];
    }
    if (columns == '3') {
      slider_values = [10, 50, 70];
    }
    if (columns == '2') {
      slider_values = [10, 50];
    }
    if (columns == '1') …
Run Code Online (Sandbox Code Playgroud)

html css php jquery

2
推荐指数
1
解决办法
1307
查看次数

标签 统计

css ×1

html ×1

jquery ×1

php ×1