質問編集履歴
2
data-foo を用いて試してみたのですがダメでした。。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -253,3 +253,65 @@
|
|
|
253
253
|
|
|
254
254
|
|
|
255
255
|
※追記「別ページ」ではなく、「別タブ」です。失礼いたしました。
|
|
256
|
+
|
|
257
|
+
|
|
258
|
+
|
|
259
|
+
※追記
|
|
260
|
+
|
|
261
|
+
独自データ属性の[data-foo={$foo}]で試みたのですがこちらも出来ませんでした。。
|
|
262
|
+
|
|
263
|
+
（書き方が悪いだけかもしれませんが。）
|
|
264
|
+
|
|
265
|
+
|
|
266
|
+
|
|
267
|
+
```html
|
|
268
|
+
|
|
269
|
+
<h2>その他タブのアイテム2種</h2>
|
|
270
|
+
|
|
271
|
+
<ul>
|
|
272
|
+
|
|
273
|
+
<li>
|
|
274
|
+
|
|
275
|
+
<a href="/#c02" data-foo="#c02-i4"><img><p>テキスト</p></a>
|
|
276
|
+
|
|
277
|
+
</li>
|
|
278
|
+
|
|
279
|
+
<li>
|
|
280
|
+
|
|
281
|
+
<a href="/#c02" data-foo="#c06-i21"><img><p>テキスト</p></a>
|
|
282
|
+
|
|
283
|
+
</li>
|
|
284
|
+
|
|
285
|
+
</ul>
|
|
286
|
+
|
|
287
|
+
```
|
|
288
|
+
|
|
289
|
+
|
|
290
|
+
|
|
291
|
+
```javascript
|
|
292
|
+
|
|
293
|
+
$(".navigation li a , .combinationPattern li a").on("click", function() {
|
|
294
|
+
|
|
295
|
+
$("main .cateBody").hide();
|
|
296
|
+
|
|
297
|
+
$($(this).attr("href")).fadeToggle();
|
|
298
|
+
|
|
299
|
+
$(this).toggleClass("active");
|
|
300
|
+
|
|
301
|
+
// window.location = "/#c02-i4";
|
|
302
|
+
|
|
303
|
+
|
|
304
|
+
|
|
305
|
+
var dataAttr = $(this).attr("data-foo");
|
|
306
|
+
|
|
307
|
+
if( typeof dataAttr ) {
|
|
308
|
+
|
|
309
|
+
window.location = $(this).data(foo);
|
|
310
|
+
|
|
311
|
+
}
|
|
312
|
+
|
|
313
|
+
});
|
|
314
|
+
|
|
315
|
+
});
|
|
316
|
+
|
|
317
|
+
```
|
1
タイトルの「別ページ」を「別タブ」に変更
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
jQueryにて別
|
|
1
|
+
jQueryにて別タブから特定のタブ内のアンカーポイントまでリンクさせる方法を教えて下さい。
|
test
CHANGED
|
@@ -249,3 +249,7 @@
|
|
|
249
249
|
（例「c01-i1」は◯だが、「c02-i1」は×）
|
|
250
250
|
|
|
251
251
|
順番も変わる可能性があるので[i++]で自動的に増えていく形ではなく、ID決め打ちでダイレクトリンクしたいと思っています。
|
|
252
|
+
|
|
253
|
+
|
|
254
|
+
|
|
255
|
+
※追記「別ページ」ではなく、「別タブ」です。失礼いたしました。
|