0

JSON の形式で REST API からテキストを取得しています。このデータを次のように示します。

$("#mytext").html(item.text);

ただし、このテキストが長すぎる場合があります。...moreこれが発生した場合、最後にリンクを付けてテキストのサブセットを表示したいと思います。詳細リンクは、ユーザーを別のページに移動します。

私はこれをやっています：

if (item.text.length > 100)
  $("#mytext").html(item.text.substring(0,95)"+"....");  
else 
  $("#mytext").html(item.text);

詳細リンクを追加するにはどうすればよいですか? リンクはに行く必要があります/moreinfo/${item.id}

4

4 に答える 4

2

の使用は控えさせていただきます.html。テキストのみを扱っている場合は、なぜ使用しないの.text()ですか? 保護なしでストレート文字列を解析することで潜在的なバグに遭遇した場合にのみ、後で感謝することになります。

これを試して。

if (item.text.length > 100) {
  $('#mytext').text(item.text.substring(0, 95));
  $('<span>more</span>').appendTo($('#mytext'));
} else {
  $('#mytext').text(item.text);
}
$('#mytext span').click(function () {
  $('#mytext').text(item.text);
});

これをうまくアニメーション化する方法が必要だと確信しています。

于 2013-07-31T18:35:07.297 に答える