2017-03-24 10 views
-1

このJquery dotdotdot pluginを使用して、複数行のHTMLを特定の数の行に切り捨てます。これは、ページの読み込み時にフルテキストが最初に表示され、切り捨てられる前にフラッシュがあることを除いて、うまく動作します。ウィンドウで$(".dotdot200").dotdotdot({height:200});というコールを使用してプラグインを有効にします。どのようにフラッシュが起こるのを防ぐことができますか?Jquery dotdotdotを使用して切り捨てるときのフルテキストの点滅を防止します

+0

プラグインを削除して別の方法で行うことなく、確実にこのフラッシュを削除することはできません。プラグインは、表示する要素に依存して、切り取る必要がある場所を計算します。 –

答えて

1

あなたのdotdotdotコールをウィンドウの外に移動させておくと、以前に実行する準備が整います。

あなたは...省略記号なしで生きることができる場合は、CSSのみのソリューションはきれいになりますが:https://jsfiddle.net/my87bz74/

p { 
    font-size:20px; 
    line-height:30px; 
    height: 90px; /* line-height * amount of lines */ 
    overflow:hidden; 
    width:200px; 
} 
+0

高さの代わりにmax-heightを使用してしまったのは、時には切り捨てる必要がないことがあるからです。しかしそれ以外の場合は、私たちのために働く。 –

0

overflow: hiddenにあなたの要素を設定し、あなたはjQueryの呼び出しで設定された同じ高さにheight

これは、楕円のみを点滅させ、余分な切り詰められたテキストをすべて点滅させるわけではありません。

関連する問題