質問編集履歴
8
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -153,4 +153,4 @@
|
|
|
153
153
|
e.preventDefault();
|
|
154
154
|
});
|
|
155
155
|
```
|
|
156
|
-
ありがとうございます。質問１は理解できました。質問２の回答を読んで、このようなコードを試してみました。しかし、クリックしても親リストを開閉できなくなりました。<a>タグだけが無効、<li>は有効を期待していましたが、クリックする場所が同じだからなのか、全部のクリックイベントが無効になってしまった感じです。（この辺説明ややこしくてすみません。）ちょっと考えます。
|
|
156
|
+
ありがとうございます。質問１は理解できました。質問２の回答を読んで、このようなコードを試してみました。しかし、クリックしても親リストを開閉できなくなりました。<a>タグだけが無効、<li>は有効を期待していましたが、クリックする場所が同じだからなのか、全部のクリックイベントが無効になってしまった感じです。（この辺説明ややこしくてすみません。）ちょっと考えます。<a>タグのクリックイベントは無効になるが、<li>タグのクリックイベントは有効という理解だったので何故なのか不思議です。
|
7
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -112,4 +112,45 @@
|
|
|
112
112
|
return false;
|
|
113
113
|
});
|
|
114
114
|
```
|
|
115
|
-
の影響を受けてしまっているのか、クリックしてもリストが展開されないという問題が起きてしまいます。何かいい方法がないでしょうか。
|
|
115
|
+
の影響を受けてしまっているのか、クリックしてもリストが展開されないという問題が起きてしまいます。何かいい方法がないでしょうか。
|
|
116
|
+
|
|
117
|
+
【追記】
|
|
118
|
+
```ここに言語を入力
|
|
119
|
+
$(function() {
|
|
120
|
+
var $sub = $('.children');
|
|
121
|
+
$(".children").hide();
|
|
122
|
+
$('.cat-item-8').click(
|
|
123
|
+
function(){
|
|
124
|
+
// stop関数を追加
|
|
125
|
+
$sub.stop().eq(0).show();
|
|
126
|
+
},
|
|
127
|
+
function(){
|
|
128
|
+
// stop関数を追加
|
|
129
|
+
$sub.stop().eq(0).hide();
|
|
130
|
+
}
|
|
131
|
+
);
|
|
132
|
+
});
|
|
133
|
+
|
|
134
|
+
$(function() {
|
|
135
|
+
var $sub = $('.children');
|
|
136
|
+
$(".children").hide();
|
|
137
|
+
$('.cat-item-11').click(
|
|
138
|
+
function(){
|
|
139
|
+
// stop関数を追加
|
|
140
|
+
$sub.stop().eq(1).show();
|
|
141
|
+
},
|
|
142
|
+
function(){
|
|
143
|
+
// stop関数を追加
|
|
144
|
+
$sub.stop().eq(1).hide();
|
|
145
|
+
}
|
|
146
|
+
);
|
|
147
|
+
});;
|
|
148
|
+
|
|
149
|
+
$('#CatList > li > ul') // 子カテゴリの ul
|
|
150
|
+
.closest('li') // 最も近い親要素を探す（この場合 #CatList の中で ul を持つ li）
|
|
151
|
+
.children('a') // 子カテゴリを持つ親カテゴリの a要素（リンク無効にする要素）
|
|
152
|
+
.on('click', function(e){
|
|
153
|
+
e.preventDefault();
|
|
154
|
+
});
|
|
155
|
+
```
|
|
156
|
+
ありがとうございます。質問１は理解できました。質問２の回答を読んで、このようなコードを試してみました。しかし、クリックしても親リストを開閉できなくなりました。<a>タグだけが無効、<li>は有効を期待していましたが、クリックする場所が同じだからなのか、全部のクリックイベントが無効になってしまった感じです。（この辺説明ややこしくてすみません。）ちょっと考えます。
|
6
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -95,4 +95,21 @@
|
|
|
95
95
|
})
|
|
96
96
|
});
|
|
97
97
|
```
|
|
98
|
-
こうしてみると、親要素も子要素もリンクに飛ばないんですよね。（階層持たないリストは飛びます。）子要素も影響を受けてしまっているんですよね。
|
|
98
|
+
こうしてみると、親要素も子要素もリンクに飛ばないんですよね。（階層持たないリストは飛びます。）子要素も影響を受けてしまっているんですよね。
|
|
99
|
+
|
|
100
|
+
【質問１】
|
|
101
|
+
```ここに言語を入力
|
|
102
|
+
.children('a') // 子カテゴリを持つ親カテゴリの a要素（リンク無効にする要素）
|
|
103
|
+
```
|
|
104
|
+
回答ありがとうございます。親リストのみリンク無効は実装できました。
|
|
105
|
+
.children('a')の部分なのですが、まだ自分の理解が及んでいなく。
|
|
106
|
+
子供のリンクを無効にするイメージならわかるのですが、なぜこれで親のリンクを無効にすることができるのでしょうか。
|
|
107
|
+
|
|
108
|
+
【質問２】
|
|
109
|
+
現在はhoverなので、期待した動作ができるのですが、最終的にはclickにしたいです。その場合だと
|
|
110
|
+
```ここに言語を入力
|
|
111
|
+
.on('click', function(){
|
|
112
|
+
return false;
|
|
113
|
+
});
|
|
114
|
+
```
|
|
115
|
+
の影響を受けてしまっているのか、クリックしてもリストが展開されないという問題が起きてしまいます。何かいい方法がないでしょうか。
|
5
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -85,4 +85,14 @@
|
|
|
85
85
|
});
|
|
86
86
|
|
|
87
87
|
```
|
|
88
|
-
これを追記すればリンクに飛ばないことは確認出来ました。<ul>を持つ<li>ってどう指定すればいいのか難しくて案あったらお願いします。
|
|
88
|
+
これを追記すればリンクに飛ばないことは確認出来ました。<ul>を持つ<li>ってどう指定すればいいのか難しくて案あったらお願いします。
|
|
89
|
+
|
|
90
|
+
途中経過２
|
|
91
|
+
```ここに言語を入力
|
|
92
|
+
$(function(){
|
|
93
|
+
$('li').has('ul').click(function(){
|
|
94
|
+
return false;
|
|
95
|
+
})
|
|
96
|
+
});
|
|
97
|
+
```
|
|
98
|
+
こうしてみると、親要素も子要素もリンクに飛ばないんですよね。（階層持たないリストは飛びます。）子要素も影響を受けてしまっているんですよね。
|
4
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -75,4 +75,14 @@
|
|
|
75
75
|
<li class="cat-item cat-item-48"><a href="" >子がない独立したリスト(これはリンクに飛ぶ）</a>
|
|
76
76
|
</li>
|
|
77
77
|
</ul>
|
|
78
|
-
```
|
|
78
|
+
```
|
|
79
|
+
途中経過１
|
|
80
|
+
```ここに言語を入力
|
|
81
|
+
$(function(){
|
|
82
|
+
$('a').click(function(){
|
|
83
|
+
return false;
|
|
84
|
+
})
|
|
85
|
+
});
|
|
86
|
+
|
|
87
|
+
```
|
|
88
|
+
これを追記すればリンクに飛ばないことは確認出来ました。<ul>を持つ<li>ってどう指定すればいいのか難しくて案あったらお願いします。
|
3
変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
wordpressの質問です。wp_list_categories()を使えば、カテゴリ一覧をリンク付きで、表示することができますが、現在開閉式のリストを作っているのですが、リンクは子リストのみにしたいのですが、無理でしょうか。つまり親タグをクリックしてもリンクに飛ばないただの文字みたいにしたいです。リンクに飛ぶと何が問題かというと、今はhoverなので、良いですが、.clickに
|
|
1
|
+
wordpressの質問です。wp_list_categories()を使えば、カテゴリ一覧をリンク付きで、表示することができますが、現在開閉式のリストを作っているのですが、リンクは子リストのみにしたいのですが、無理でしょうか。つまり親タグをクリックしてもリンクに飛ばないただの文字みたいにしたいです。リンクに飛ぶと何が問題かというと、今はhoverなので、良いですが、.clickに変えた時に、子リストが表示されずに親のリンク先に飛んでしまいます。
|
|
2
2
|
```ここに言語を入力
|
|
3
3
|
<!DOCTYPE html>
|
|
4
4
|
<html>
|
2
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
wordpressの質問です。wp_list_categories()を使えば、カテゴリ一覧をリンク付きで、表示することができますが、現在開閉式のリストを作っているのですが、リンクは子リストのみにしたいのですが、無理でしょうか。つまり親タグをクリックしてもリンクに飛ばないただの文字みたいにしたいです。
|
|
1
|
+
wordpressの質問です。wp_list_categories()を使えば、カテゴリ一覧をリンク付きで、表示することができますが、現在開閉式のリストを作っているのですが、リンクは子リストのみにしたいのですが、無理でしょうか。つまり親タグをクリックしてもリンクに飛ばないただの文字みたいにしたいです。リンクに飛ぶと何が問題かというと、今はhoverなので、良いですが、.clickにした時に、子リストが表示されずに親のリンク先に飛んでしまいます。
|
|
2
2
|
```ここに言語を入力
|
|
3
3
|
<!DOCTYPE html>
|
|
4
4
|
<html>
|
1
変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
<div class="wrap">
|
|
12
12
|
<ul id="CatList">
|
|
13
|
-
<?php wp_list_categories( array('title_li' => '', 'taxonomy' => '
|
|
13
|
+
<?php wp_list_categories( array('title_li' => '', 'taxonomy' => 'tag_name', 'show_count' => 0 ) ); ?>
|
|
14
14
|
</ul>
|
|
15
15
|
<script>
|
|
16
16
|
|