回答編集履歴
6
修正
answer
CHANGED
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
document.getElementById("box1").innerHTML = (window.matchMedia("(max-width: 800px)").matches ? text : text.replace(/<br>/g, ""));
|
|
28
28
|
});
|
|
29
29
|
|
|
30
|
-
window.matchMedia("(
|
|
30
|
+
window.matchMedia("(max-width: 800px)").addListener(function () {
|
|
31
31
|
document.getElementById("box1").innerHTML = (window.matchMedia("(max-width: 800px)").matches ? text : text.replace(/<br>/g, ""));
|
|
32
32
|
});
|
|
33
33
|
</script>
|
5
修正
answer
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
質問者さんの実現したいことは、javascript, jQueryならば以下のように行うことができる
|
|
1
|
+
質問者さんの実現したいことは、javascript, jQueryならば以下のように行うことができると思いますが、いかがでしょうか？
|
|
2
2
|
**javascript**
|
|
3
3
|
```HTML
|
|
4
4
|
<!DOCTYPE html>
|
4
修正
answer
CHANGED
|
@@ -24,11 +24,11 @@
|
|
|
24
24
|
|
|
25
25
|
document.addEventListener("DOMContentLoaded", function () {
|
|
26
26
|
text = document.getElementById("box1").innerHTML;
|
|
27
|
-
document.getElementById("box1").innerHTML = (window.matchMedia("(
|
|
27
|
+
document.getElementById("box1").innerHTML = (window.matchMedia("(max-width: 800px)").matches ? text : text.replace(/<br>/g, ""));
|
|
28
28
|
});
|
|
29
29
|
|
|
30
30
|
window.matchMedia("(min-width: 800px)").addListener(function () {
|
|
31
|
-
document.getElementById("box1").innerHTML = (window.matchMedia("(
|
|
31
|
+
document.getElementById("box1").innerHTML = (window.matchMedia("(max-width: 800px)").matches ? text : text.replace(/<br>/g, ""));
|
|
32
32
|
});
|
|
33
33
|
</script>
|
|
34
34
|
</body>
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
$(function () {
|
|
60
60
|
let text = $("#box1").html();
|
|
61
61
|
$(window).on("load resize", function () {
|
|
62
|
-
(window.innerWidth
|
|
62
|
+
(window.innerWidth > 800) ? $("#box1").html(text.replace(/<br>/g, "")) : $("#box1").html(text);
|
|
63
63
|
})
|
|
64
64
|
});
|
|
65
65
|
</script>
|
3
修正
answer
CHANGED
|
@@ -59,11 +59,7 @@
|
|
|
59
59
|
$(function () {
|
|
60
60
|
let text = $("#box1").html();
|
|
61
61
|
$(window).on("load resize", function () {
|
|
62
|
-
if (window.innerWidth < 800) {
|
|
63
|
-
|
|
62
|
+
(window.innerWidth < 800) ? $("#box1").html(text.replace(/<br>/g, "")) : $("#box1").html(text);
|
|
64
|
-
} else {
|
|
65
|
-
$("#box1").html(text);
|
|
66
|
-
}
|
|
67
63
|
})
|
|
68
64
|
});
|
|
69
65
|
</script>
|
2
修正
answer
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
質問者さんの実現したいことは、javascript, jQueryならば以下のように行うことができます
|
|
1
|
+
質問者さんの実現したいことは、javascript, jQueryならば以下のように行うことができる戸思いますが、いかがでしょうか？
|
|
2
2
|
**javascript**
|
|
3
3
|
```HTML
|
|
4
4
|
<!DOCTYPE html>
|
1
修正
answer
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
javascript, jQueryならば以下のように行うことができます。
|
|
1
|
+
質問者さんの実現したいことは、javascript, jQueryならば以下のように行うことができます。
|
|
2
2
|
**javascript**
|
|
3
3
|
```HTML
|
|
4
4
|
<!DOCTYPE html>
|