D3 jQuery 范围滑块不起作用

Question

我搜索了 stackoverflow，但找不到适合我的案例的解决方案。
我正在用 D3 做一个简单的交互式可视化。 我想包含一个范围滑块供用户选择范围。 然后创建一个过滤函数，根据选定的范围过滤数据并更新可视化。 范围滑块没有显示在我的浏览器（Chrome 和 Safari）中。

相关代码：

<body>
    <script src="https://d3js.org/d3.v4.min.js"></script>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script src="http://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>

    <div id="layout">
        <div id="title">
            <p>Stocks Scatterplot</p>
        </div>
        <div id="visualization">
            <div id="controls">
                <!--create the sliders here-->
                <p>Assists</p>
                    <div id="assists" class="d3-slider"></div>
                    <label for="assistamount">Assists range:</label>
                    <input type="text" id="assistamount" readonly style="border:0; color:#f6931f;
                    font-weight:bold;">
            </div>
        </div>
    </div>
</body>

jQuery：

$(function() {
  $("#assits").slider({
    range: true,
    min: 0,
    max: maxAssists,
    values:[0,maxAssists],
    slide: function(event, ui) {
      $("#assistamount").val(ui.values[0]+"-"+ui.values[1]);
      filterAssists(ui.values);}
    });
  $("#assistamount").val($("#assits").slider("values",0) + "-" + $("#assits").slider("values",1));
});

有什么想法吗？ 提前致谢。

Answer 1

你打错了！！
$("#assits")应该是$("#assits") $("#assists") 。 我猜你在滑块定义之前也定义了maxAssests 。

还可以使用最新版本的 jquery 和 ui。 我得到了你的代码来处理这些。

<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

D3 jQuery 范围滑块不起作用

问题描述

1 个解决方案

解决方案1
0 2017-02-13 03:53:45

D3 jQuery 范围滑块不起作用

问题描述

1 个解决方案

解决方案1 0 2017-02-13 03:53:45

解决方案1
0 2017-02-13 03:53:45