問題タブ [ellipsis]

AutoellipsisというjQueryプラグインを使用しています。

固定の高さでテキストの最後に「...」を追加します。

例えば：

省略記号と高さの場合：

Lorem ipsum dolor sit amet、consectetuer adipiscing elit、sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat ..

省略記号も高さもありません：

Lorem ipsum dolor sit amet、consectetuer adipiscing elit、sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat Lorem ipsum dolor sit amet、consectetuer adipiscing elit、sed diam dolore magna aliquam

省略記号を適用するには、これを行うだけです（省略記号は、要素に高さがある場合にのみ適用されます）。

HTML：

続きを読むボタンを追加したいと思います。

Lorem ipsum dolor sit amet、consectetuer adipiscing elit、sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat euismod tincidunt ut laore tincidunt utlaoreet...続きを読む

したがって、省略記号の直後にある[続きを読む]リンクをクリックすると、全文が表示されます（たとえば、2行のテキストだけを保持します）。

これを達成するための提案はありますか？

編集：

プラグインオプション（念のため）：

.ellipsis（[セレクター]、[オプション]）

jQueryの選択で省略記号を実行します。オプションのセレクターは、省略記号操作の影響を受けるサブ要素を定義します。セレクター省略記号を実行するサブ要素を選択するセレクター。セレクターが指定されていない場合、プラグインはデフォルトですべての子要素に対して省略記号を実行します。optionsメソッドに渡す追加オプションのマップ。サポートされているのは次のとおりです。

省略記号使用する省略記号の文字または文字列。デフォルトは「...」（3つのドット）です。

setTitle影響を受ける要素のtitle属性を元のコンテンツで設定します。never、onEllipsis、またはalwaysのいずれかに設定できます。onEllipsisを使用する場合、title属性は、要素のコンテンツが実際に省略された場合にのみ設定されます。デフォルトはneverです。

live trueに設定すると、jQueryの選択に一致する現在および将来の要素に対して省略記号を実行します。また、ターゲット要素の寸法が変更されたときに省略記号を再適用します。このモードは選択要素をポーリングするため、注意して使用してください。デフォルトはfalseです。

このメソッドは、連鎖の目的でjQueryオブジェクトを返します。

[[.data.framePCの内容を見ると、次のようになります。

慣れてきまし...たが、初めて見まし..1た..2。ドットはプレースホルダーとして解釈されることが多いため、RヘルプとGoogleの両方ですばやく検索すると、ほとんどがゴミになります。ここの誰かが私にポインターを教えてくれることを願っていますか？それとも私はひどく明白な何かを逃していますか？これらはどこから来て、どのように使用できますか？

スクロール可能なdiv内に含まれる動的テキストに省略記号を追加したいと思います。ただし、テキストが切り捨てられることは望ましくありません。省略記号を追加してから、テキストを次の行に続けたいと思います。これは、divには一度に1行しか表示されないため、省略記号はユーザーにコンテンツがまだあることを通知し、スクロール矢印をクリックして読み続けることになっているためです。

これを行うための最良の方法は何でしょうか？ThreeDots http://tpgblog.com/threedotsは、多くのオプションを備えた非常に優れたプラグインのようですが、必要に応じて構成する方法がわかりません。

あなたが与えることができるどんな助けにも感謝します。

次のコードを使用して、テキストが新しい行にオーバーフローするのを防ぎます。

これは期待どおりに機能しますが、このボックスには 3 行分のスペースがあります。テキストが 3 行目を超えた場合に省略記号を適用するようブラウザに指示するにはどうすればよいですか? または、テキストオーバーフローは 1 つだけで機能しますか?

これにJSが必要な場合、私は気にしません。

ページにブロック要素のコレクションがあります。それらはすべてCSSルールの空白、オーバーフロー、テキストオーバーフローが設定されているため、オーバーフローしたテキストはトリミングされ、省略記号が使用されます。

ただし、すべての要素がオーバーフローするわけではありません。

とにかく、JavaScriptを使用してどの要素がオーバーフローしているのかを検出できますか？

ありがとう。

追加：私が使用しているHTML構造の例。

SPAN要素は常にセルに収まり、省略記号の規則が適用されます。省略記号がSPANのテキストコンテンツにいつ適用されるかを検出したいと思います。

私はこの問題に深く関わっており、周りのすべての木から森を見ることができません... しかし、これには簡単な解決策があるかもしれません. 私は CSS 3 を使用していますが、次の条件では 1 行に 2 つの div を追加できません: 1. DIV の動的幅とテキストの切り取り。2. DIV の横 1. DIV (インライン) で固定。

したがって、コンテナー (周囲の DIV) が 300px の場合。そして2.DIVは100pxです。1.DIV は 200px (動的) のサイズになり、必要に応じてテキストをカットすることを期待しています。

だから、これはこれまでのところ私の側からのコードです:

残念ながら、常に 2.DIV は 1.DIV を下回っています。

ヒントをありがとう。

次のプログラムを検討してください。

これは、少なくとも 1 つのコンパイラでコンパイル、実行、および出力されます :) これは、維持するはずのレガシー コードで見つかりました。これは安全/定義されているのでしょうか?bar : 12

barは type と一致しないfptrため、これを機能させる唯一の方法は、安全でないキャストを使用することです。エリプシスマジックが内部でどのように機能するかに依存すると思いますが、それは何らかの方法で定義されていますか?

したがって、基本的には、切り捨てられたテキストを切り捨てたまま、切り捨てられる前にテキストの初期値を取得して rel 属性に詰め込もうとしています。

テキストを切り捨てる前に、関数がテキストの値を返すようにする方法がわかりません。

何か案は？

http://jsfiddle.net/TF6Rb/625/

特定のテーブルの列の長さを短くしようとしています。

jQueryを使用して、テキストオーバーフローの省略記号といくつかのcssプロパティを追加しています。
さらに jQuery を使用してツールチップを追加します。これが私のコードです：

Firefox と Chrome ではすべて正常に動作しますが、(驚き! 驚き!) IE7-9 ではテキストが完全な長さでレンダリングされます。

私は何が間違っているのですか？ありがとう！

PS
また、「幅」プロパティを無駄に指定しようとしました。

Office 365 専用の PowerShell アプリケーションを作成していますが、問題が発生しました。

今、結果が得られるまで、すべてがうまく機能しています。問題は、次のような応答を受け取った場合です。

同じコマンドを Powershell で実行すると、同じ結果が得られますが、書式が少し整理されます。「johnsonadmin@johnsoncom...」と言う代わりに、実際にはメールアドレス全体が表示されます。

これは、コレクションが文字列を自動的にフォーマットする方法に問題があるのではないかと考えていますが、よくわかりません。そのテキストを解析して電子メール アドレスを取得しようとすると、これは大きな問題になります ;)

どんな助けでも大歓迎です!!

ありがとう！