[英]D3 jQuery range slider does not work
我搜索了 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));
});
有什么想法嗎? 提前致謝。
你打錯了!!
$("#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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.