0

stackoverflow の誰かの勧めで、jquery succint https://github.com/micjamking/Succinctを使用して、php サイトの投稿を切り捨てました。

それは完全に機能しますが、小さな問題が発生しました(私にとって)...このように「続きを読む」というカスタムテキストに省略記号を変更しました

<script>
    $(function(){
        $('.mypost a').succinct({
            omission: '...Read More'
        });
    });
</script>

それは完璧ですが、切り捨てられたテキストに簡潔に追加する「続きを読む」をスパンタグでラップしたいと思います。

現在、スパンでラップすると、スパンhtml全体がテキストとしてレンダリングされます。私が達成しようとしている簡単な効果は、「もっと読む」テキストを別の色にし、それが切り捨てられている「.mypost a」テキストにすることです。

スパンでラップできる場合は、css .mypost をスパン {color:#f00;} に追加できます。

そして、望ましい結果を得る。

これを可能にするための提案はありますか?

4

2 に答える 2

0

jQuery.succinct.js の 46 行目を見ると、 jQuery.text()を使用して、切り捨てられた要素のテキストを置き換えていることが明らかです。そのため、テキストは置換時に HTML エンコードされます。このライブラリを引き続き使用したい場合は、フォークして変更し、置換テキストとして HTML を受け入れるか、別のライブラリを見つけることができます。

于 2013-08-26T04:19:40.457 に答える