次のg.slice
ノードを選択するためにclick
関数を記述し、それに.sliceActive
のクラスを追加して、元の.sliceActive
から.slice
を削除しようとしています。ただし、最後のg.slice
(.slice5
のクラスを使用)にいる場合のみ、.sliceActive
をg.slice
のクラスを使用して最初の.slice0
に追加します。
これは私が今のところ機能していないものです。問題は、現在の.sliceActive
ノードにも.slice5
のクラスがあるかどうかを確認する方法がわからないことだと思います。
$(".next").click(function(){
var nextSlice;
if(d3.select("g.sliceActive").hasClass("slice5")){
nextSlice= d3.select(".slice0");
}else{
nextSlice= d3.select("g.sliceActive + g");
}
d3.select("g.sliceActive").classed("sliceActive",false);
nextSlice.classed("sliceActive",true);
});
そして、これはウェブインスペクターでどのように見えるかです:
2番目のパラメーターのないd3のclassed
関数は、選択された要素に渡されたクラスがあるかどうかを返します。
d3.select("g.sliceActive").classed("slice5")
知っておくべきことを教えてください。