回答編集履歴
4
ブラウザクロスチェックの結果を追記
answer
CHANGED
|
@@ -49,7 +49,9 @@
|
|
|
49
49
|
if文うんぬんは問題にはなってないようです。どのバージョンでもクラスの付け外しはできてました
|
|
50
50
|
|
|
51
51
|
公開非公開が分かりにくいので画像を用意しなくても分かるようにALTを書き換えてます。
|
|
52
|
-
最初の動作がおかしいチェックボックスがONで公開状態の画像のみなので```koukai```クラスは最初から付いた状態からスタートが正しいですね。これで違和感はなくなりました。
|
|
52
|
+
最初の動作がおかしいですね。チェックボックスがONで公開状態の画像のみなので```koukai```クラスは最初から付いた状態からスタートが正しいですね。これで違和感はなくなりました。
|
|
53
53
|
|
|
54
|
+
このソースでIE,FireFox,Chrome,Edge全てで問題なく動作するのを確認しました。
|
|
55
|
+
|
|
54
56
|
それでも動かない場合は、ほかに読み込まれてるソースとの兼ね合いかなぁ。とりあえずどのバージョンのjQueryを使っているのか
|
|
55
57
|
ほかに読み込んでいるスクリプトのタグを追記してもらわないとこれ以上は分からないです。
|
3
コードの修正 説明の修正
answer
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
</style>
|
|
17
17
|
</head>
|
|
18
18
|
<body>
|
|
19
|
-
<div class="sample2Area" id="makeImg">
|
|
19
|
+
<div class="sample2Area koukai" id="makeImg">
|
|
20
20
|
<input type="checkbox" id="sample2check" checked="">
|
|
21
21
|
<label for="sample2check">
|
|
22
22
|
<div id="sample2box">
|
|
@@ -48,5 +48,8 @@
|
|
|
48
48
|
Ver3系は表示される側にinline styleが空でエレメントに設定されてました。でも
|
|
49
49
|
if文うんぬんは問題にはなってないようです。どのバージョンでもクラスの付け外しはできてました
|
|
50
50
|
|
|
51
|
+
公開非公開が分かりにくいので画像を用意しなくても分かるようにALTを書き換えてます。
|
|
52
|
+
最初の動作がおかしいチェックボックスがONで公開状態の画像のみなので```koukai```クラスは最初から付いた状態からスタートが正しいですね。これで違和感はなくなりました。
|
|
53
|
+
|
|
51
|
-
ほかに読み込まれてるソースとの兼ね合いかなぁ。とりあえずどのバージョンのjQueryを使っているのか
|
|
54
|
+
それでも動かない場合は、ほかに読み込まれてるソースとの兼ね合いかなぁ。とりあえずどのバージョンのjQueryを使っているのか
|
|
52
55
|
ほかに読み込んでいるスクリプトのタグを追記してもらわないとこれ以上は分からないです。
|
2
コードの修正
answer
CHANGED
|
@@ -7,6 +7,13 @@
|
|
|
7
7
|
<meta charset="UTF-8">
|
|
8
8
|
<title>jQuery TEST</title>
|
|
9
9
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
|
10
|
+
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>-->
|
|
11
|
+
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>-->
|
|
12
|
+
<style>
|
|
13
|
+
.koukai_btn02 {
|
|
14
|
+
display: none;
|
|
15
|
+
}
|
|
16
|
+
</style>
|
|
10
17
|
</head>
|
|
11
18
|
<body>
|
|
12
19
|
<div class="sample2Area" id="makeImg">
|
|
@@ -14,7 +21,7 @@
|
|
|
14
21
|
<label for="sample2check">
|
|
15
22
|
<div id="sample2box">
|
|
16
23
|
<img class="koukai_btn" src="img/switch_koukai.png" alt="公開スイッチ" width="234" height="48">
|
|
17
|
-
<img class="koukai_btn02" src="img/switch_koukai02.png" alt="公開スイッチ" width="170" height="48">
|
|
24
|
+
<img class="koukai_btn02" src="img/switch_koukai02.png" alt="公開スイッチ02" width="170" height="48">
|
|
18
25
|
</div>
|
|
19
26
|
</label>
|
|
20
27
|
</div>
|
1
説明を修整
answer
CHANGED
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
|
|
40
40
|
とりあえずVer1系では動きました。Ver2系とVer3系もためしてみましたが、Ver2系は問題なし
|
|
41
41
|
Ver3系は表示される側にinline styleが空でエレメントに設定されてました。でも
|
|
42
|
-
if文うんぬんは問題にはなってないようです。
|
|
42
|
+
if文うんぬんは問題にはなってないようです。どのバージョンでもクラスの付け外しはできてました
|
|
43
43
|
|
|
44
44
|
ほかに読み込まれてるソースとの兼ね合いかなぁ。とりあえずどのバージョンのjQueryを使っているのか
|
|
45
45
|
ほかに読み込んでいるスクリプトのタグを追記してもらわないとこれ以上は分からないです。
|