そもそも
svgタグで描いた絵にタブ機能(のようなもの)を実装したい。
タブの絵は10個既に描いてあり、DBからタブ数の情報を取得する。取得した数分のタブを表示したい。
※初期表示時は全て非表示
javascript
1//初期表示時非表示 2 $(function () { 3 $('.Tab').hide(); 4 5 });
svgのイメージ(そのまんま記述するととても長いのでイメージで)
html
1<svg ..... 2<g id=Tabs> 3 <g id=Tab1 4 <rect ............/rect>/g> 5 <g id=Tab2 6 <rect ............/rect>/g> 7 <g id=Tab3 8 <rect ............/rect>/g> 9 10 ...</svg>
まずは
引数で受け取った数分のタブを表示したい。
idは連番で振ってあるのでfor文?で1ずつshowし、受け取った数を超えたら終了。
現状。コードが思いつかない。。。。
各タブid : Tab1~Tab10
$(function(){
//タブにしたいclassに命名したクラス名を繰り返し処理
$('.Tabs').each
//idとnumを足してidを完成させ、要素にshowを追加する
$this.attr({id: '' + idNum});
}
すみません。どうかご教授願います。
回答4件
あなたの回答
tips
プレビュー