質問編集履歴
2
data-foo を用いて試してみたのですがダメでした。。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -125,4 +125,35 @@
|
|
|
125
125
|
（例「c01-i1」は◯だが、「c02-i1」は×）
|
|
126
126
|
順番も変わる可能性があるので[i++]で自動的に増えていく形ではなく、ID決め打ちでダイレクトリンクしたいと思っています。
|
|
127
127
|
|
|
128
|
-
※追記「別ページ」ではなく、「別タブ」です。失礼いたしました。
|
|
128
|
+
※追記「別ページ」ではなく、「別タブ」です。失礼いたしました。
|
|
129
|
+
|
|
130
|
+
※追記
|
|
131
|
+
独自データ属性の[data-foo={$foo}]で試みたのですがこちらも出来ませんでした。。
|
|
132
|
+
（書き方が悪いだけかもしれませんが。）
|
|
133
|
+
|
|
134
|
+
```html
|
|
135
|
+
<h2>その他タブのアイテム2種</h2>
|
|
136
|
+
<ul>
|
|
137
|
+
<li>
|
|
138
|
+
<a href="/#c02" data-foo="#c02-i4"><img><p>テキスト</p></a>
|
|
139
|
+
</li>
|
|
140
|
+
<li>
|
|
141
|
+
<a href="/#c02" data-foo="#c06-i21"><img><p>テキスト</p></a>
|
|
142
|
+
</li>
|
|
143
|
+
</ul>
|
|
144
|
+
```
|
|
145
|
+
|
|
146
|
+
```javascript
|
|
147
|
+
$(".navigation li a , .combinationPattern li a").on("click", function() {
|
|
148
|
+
$("main .cateBody").hide();
|
|
149
|
+
$($(this).attr("href")).fadeToggle();
|
|
150
|
+
$(this).toggleClass("active");
|
|
151
|
+
// window.location = "/#c02-i4";
|
|
152
|
+
|
|
153
|
+
var dataAttr = $(this).attr("data-foo");
|
|
154
|
+
if( typeof dataAttr ) {
|
|
155
|
+
window.location = $(this).data(foo);
|
|
156
|
+
}
|
|
157
|
+
});
|
|
158
|
+
});
|
|
159
|
+
```
|
1
タイトルの「別ページ」を「別タブ」に変更
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
jQueryにて別
|
|
1
|
+
jQueryにて別タブから特定のタブ内のアンカーポイントまでリンクさせる方法を教えて下さい。
|
body
CHANGED
|
@@ -123,4 +123,6 @@
|
|
|
123
123
|
・「i1」=アイテムIDの連番
|
|
124
124
|
上記2つのそれぞれ独立した連番がハイフンで繋がっている状態です。
|
|
125
125
|
（例「c01-i1」は◯だが、「c02-i1」は×）
|
|
126
|
-
順番も変わる可能性があるので[i++]で自動的に増えていく形ではなく、ID決め打ちでダイレクトリンクしたいと思っています。
|
|
126
|
+
順番も変わる可能性があるので[i++]で自動的に増えていく形ではなく、ID決め打ちでダイレクトリンクしたいと思っています。
|
|
127
|
+
|
|
128
|
+
※追記「別ページ」ではなく、「別タブ」です。失礼いたしました。
|