回答編集履歴
4
ブラウザクロスチェックの結果を追記
test
CHANGED
|
@@ -100,7 +100,11 @@
|
|
|
100
100
|
|
|
101
101
|
公開非公開が分かりにくいので画像を用意しなくても分かるようにALTを書き換えてます。
|
|
102
102
|
|
|
103
|
-
最初の動作がおかしいチェックボックスがONで公開状態の画像のみなので```koukai```クラスは最初から付いた状態からスタートが正しいですね。これで違和感はなくなりました。
|
|
103
|
+
最初の動作がおかしいですね。チェックボックスがONで公開状態の画像のみなので```koukai```クラスは最初から付いた状態からスタートが正しいですね。これで違和感はなくなりました。
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
|
|
107
|
+
このソースでIE,FireFox,Chrome,Edge全てで問題なく動作するのを確認しました。
|
|
104
108
|
|
|
105
109
|
|
|
106
110
|
|
3
コードの修正 説明の修正
test
CHANGED
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
|
|
35
35
|
<body>
|
|
36
36
|
|
|
37
|
-
<div class="sample2Area" id="makeImg">
|
|
37
|
+
<div class="sample2Area koukai" id="makeImg">
|
|
38
38
|
|
|
39
39
|
<input type="checkbox" id="sample2check" checked="">
|
|
40
40
|
|
|
@@ -98,6 +98,12 @@
|
|
|
98
98
|
|
|
99
99
|
|
|
100
100
|
|
|
101
|
+
公開非公開が分かりにくいので画像を用意しなくても分かるようにALTを書き換えてます。
|
|
102
|
+
|
|
103
|
+
最初の動作がおかしいチェックボックスがONで公開状態の画像のみなので```koukai```クラスは最初から付いた状態からスタートが正しいですね。これで違和感はなくなりました。
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
|
|
101
|
-
ほかに読み込まれてるソースとの兼ね合いかなぁ。とりあえずどのバージョンのjQueryを使っているのか
|
|
107
|
+
それでも動かない場合は、ほかに読み込まれてるソースとの兼ね合いかなぁ。とりあえずどのバージョンのjQueryを使っているのか
|
|
102
108
|
|
|
103
109
|
ほかに読み込んでいるスクリプトのタグを追記してもらわないとこれ以上は分からないです。
|
2
コードの修正
test
CHANGED
|
@@ -16,6 +16,20 @@
|
|
|
16
16
|
|
|
17
17
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
|
18
18
|
|
|
19
|
+
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>-->
|
|
20
|
+
|
|
21
|
+
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>-->
|
|
22
|
+
|
|
23
|
+
<style>
|
|
24
|
+
|
|
25
|
+
.koukai_btn02 {
|
|
26
|
+
|
|
27
|
+
display: none;
|
|
28
|
+
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
</style>
|
|
32
|
+
|
|
19
33
|
</head>
|
|
20
34
|
|
|
21
35
|
<body>
|
|
@@ -30,7 +44,7 @@
|
|
|
30
44
|
|
|
31
45
|
<img class="koukai_btn" src="img/switch_koukai.png" alt="公開スイッチ" width="234" height="48">
|
|
32
46
|
|
|
33
|
-
<img class="koukai_btn02" src="img/switch_koukai02.png" alt="公開スイッチ" width="170" height="48">
|
|
47
|
+
<img class="koukai_btn02" src="img/switch_koukai02.png" alt="公開スイッチ02" width="170" height="48">
|
|
34
48
|
|
|
35
49
|
</div>
|
|
36
50
|
|
1
説明を修整
test
CHANGED
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
|
|
81
81
|
Ver3系は表示される側にinline styleが空でエレメントに設定されてました。でも
|
|
82
82
|
|
|
83
|
-
if文うんぬんは問題にはなってないようです。
|
|
83
|
+
if文うんぬんは問題にはなってないようです。どのバージョンでもクラスの付け外しはできてました
|
|
84
84
|
|
|
85
85
|
|
|
86
86
|
|