質問編集履歴
3
css追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -91,6 +91,10 @@
|
|
|
91
91
|
.news .box{
|
|
92
92
|
padding: 15px 24px 25px;
|
|
93
93
|
}
|
|
94
|
+
|
|
95
|
+
.news .box .more_txt {
|
|
96
|
+
line-height: 1.6;
|
|
97
|
+
}
|
|
94
98
|
.news .d_none {display: none;}
|
|
95
99
|
|
|
96
100
|
```
|
2
行数表記間違い
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
https://teratail.com/questions/306865
|
|
4
4
|
こちらの投稿を参考に、本文が3行以上の投稿に「続きを読む」が表示され
|
|
5
5
|
それ以下の行数では非表示になるお知らせを作成したいです。
|
|
6
|
-
指定の行数は
|
|
6
|
+
指定の行数は3行にしています。
|
|
7
7
|
|
|
8
8
|
### 発生している問題・エラーメッセージ
|
|
9
9
|
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
$text.each(function(){
|
|
53
53
|
var $txt_open = $(this).nextAll('.txt_open'); // 続きを読む
|
|
54
54
|
var $txt_close = $(this).nextAll('.txt_close'); // 閉じる
|
|
55
|
-
var lineNum =
|
|
55
|
+
var lineNum = 3;
|
|
56
56
|
var textHeight = $(this).height(); // テキスト全体の高さ取得
|
|
57
57
|
var lineHeight = parseFloat($text.css('line-height')); // line-height取得
|
|
58
58
|
var textNewHeight = lineHeight * lineNum; // 指定行数までの高さ取得
|
1
説明文修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
それ以下の行数では非表示になるお知らせを作成したいです。
|
|
6
6
|
指定の行数は2行にしています。
|
|
7
7
|
|
|
8
|
-
### 発生している問題・エラーメッセージ
|
|
8
|
+
### 発生している問題・エラーメッセージ
|
|
9
9
|
|
|
10
10
|
1つ目の3行以上の投稿には「続きを読む」が表示され、
|
|
11
11
|
それ以降は3行以上でも「続きを読む」が表示されません。
|
|
@@ -94,6 +94,18 @@
|
|
|
94
94
|
.news .d_none {display: none;}
|
|
95
95
|
|
|
96
96
|
```
|
|
97
|
+
### 試したこと
|
|
97
98
|
|
|
99
|
+
JSの高さを自動取得する部分（下記）が悪さをしているのかと思い、
|
|
100
|
+
heightをautoや100%にしてみるなどしましたが意味はなさそうでした。
|
|
101
|
+
```JS
|
|
102
|
+
$(this).prev(".more_txt").css({
|
|
103
|
+
'height': textHeight,
|
|
104
|
+
'overflow': 'visible',
|
|
105
|
+
});
|
|
106
|
+
```
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
どこが違うのかの見当もつかずお手上げ状態です。。
|
|
98
110
|
ご教示いただけますと幸いです。
|
|
99
111
|
どうぞよろしくお願いいたします。
|