0

テキストの長さは制限されており、クリックすると内容全体が表示されます。しかし、誰かがコードを確認できれば、最初の P タグは問題なく開きますが、2 つ目からは完全には開きません。

$(document).ready(function(){
function excerpt(text, len) {
    return text.substring(0, len)+"…";
}

var $div = $('.container');
$div.each(function() {
  var $p=$(this).find("p:first");
   var theExcerpt = excerpt($p.text(), 230);
    $p.data('html', $p.html()).html( theExcerpt);
});

$('span').click(function() {
    var isHidden = $(this).text() == 'Show';
   var $p = $(this).parent().find("p:first");
    var theExcerpt = excerpt($p.text(), 230);
    $p.html( isHidden ? $p.data('html') : theExcerpt);
    $(this).remove();
});

});​

オンラインサンプルはこちら.

http://jsfiddle.net/M6wzh/3/がある場合return text.substring(0, len)+"&hellip;" + <span>show</span>;

どうもありがとう。

4

1 に答える 1

1

HTML を変更するだけでこれを修正できます: <span>Show</span>s は「コンテナ」div 内にある必要があります。http://jsfiddle.net/M6wzh/1/

(jquery コードは、 と同じ親要素内の最初の段落を見つけて<span>Show</span>展開します。いずれの も<span>Show</span>コンテナー要素内になかったので、単にページの最初の段落を見つけて展開しました。)

于 2012-12-05T02:33:18.090 に答える