[jQuery] 文段次元でマルズルイムピョ付けて与えるプラグイン

素敵なプラグインを見つけた. ボックスサイズによってマルズルイムピョを付けて与えるプラグインだ. 呼んで jQuery dotdotdot プラグイン.

デモを見れば使い方を寝る卵数ある.

基本的にボックスの高さによって分かってマルズルイムピョを付けて与える.

after オプションを使えばマルズルイムピョで切りながら残してふたつ要素を指定して竝び数ある.

watch: 'window' オプションを使えばウィンドウサイズが変わる時分かって再び切って与える.

彼外多様なオプションがあるのに, 下とようだ. 詳細な説明はコード下側にもうちょっと使った.

$(document).ready(function() {
  $("#wrapper").dotdotdot({
    wrapper  : 'div',  /*  コンデンツを くるむ 要素. */
    ellipsis: '... ',  /*  マルズルイムピョを 何で するか */
    wrap  : 'word',    /*  切る 単位. 次 オプション 中 一つ 選択: 'word'/'letter'/'children' */
    after  : null,     /*  切って 出ても 維持させる 要素を jQuery 選択者で 少ない. */
    watch  : false,    /*  ウィンドウが リサイズされる 時 アップデートする 浮かし: true/'window' */
    height  : null     /*  選択. max-heightを 指定する. もし null裏面 分かって はかる. */
    tolerance: 0       /*  文が あふれれば これくらいほど heightを ふやす */
  });
});

wrapを childrenで設定すれば, 子要素たちをたいてい単位で真書切るようになる. 子要素がなくテキストだけあれば内容がだ飛ぶ.

wrapper増えたプラグインがテキストをくるむ時 dotdotdotというクラスのボックスを生成するようになるのに, これをどうなタグでするか設定して与えるやつだ.

height オプションは表のボックス高さと構わずに自主的に高さを指定する時使う遊ぶことだ. 例題に私が使った蟹ある.

tolerance増えた洪細画先生が有名に作った彼トルレラングス当たる. 寛容だ. 50で設定したら, 設定した高さより文が多い時 50pxまではもっと高さを高める. (何言葉かは理解すること力たちことだ. heightを 100で, toleranceを 50で設定して字を多く入れて見るのを.)

カスタムイベントハンドラー

これウェエドザルはガールアップデートする update イベントトリガー(ウィンドウやボックスサイズが変更された時使うよう), isTruncated イベントトリガー(たぶんテキストが切られたのか確認するのであるよう), 元々の全体文を呼んで来る originalContent イベントトリガー, dotdotdot 適用を無くす destroy イベントトリガーを提供する.

(イベントトリガーと言う(のは)? $('.className').bind('click', functionName); 式のコードで ‘click‘これイベントトリガーだ. 実際マウスクリックをすれば click イベントが trigger なる. 実際クリックを夏至なくて, $('.className').trigger('click') すればイベントが発生される.)

- コメント機能はありません。コメントの代わりに[email protected]にメールを送ってください。

カスタム イベント ハンドラー

カスタムイベントハンドラー