[WordPress] < Span > 応答性の高いワードプレスのテーマでそれぞれの文字に追加します。

スポンサーリンク

Question

応答性の高いテーマを WordPress のヘッダー内のサイトの説明範囲で各手紙のための別の背景を作成したい

Functions.ph で機能を追加しました。


この正常に応答性の高いテーマ内でヘッダー内標的しますが、置き換えることによって別のスタック Exchange ポストからこの関数内で次のコードを追加しようとし、

echo 'text within header' //above

スタック交換の javascript 関数へのリンクはここにある

すべての文字を異なる色

であり関連するコード

 $('.site-description').find('span').each(function(){



var $el = $(this),
    text = $el.text(),
    len = text.length,
    newCont = '';

  for(var i=0; i'+ text.charAt(i) +'';
  }

  $el.html(newCont);

});

動作していないと。任意の提案をありがたく思うでしょう

答え

今私はあまりにも出力 HTML にはよくわからないが、私は野生推測を取るつもりだ、これは出力中の HTML:


    Text within header

として動作するようにコードがある場合、必要なものと予想

Text within header

オプション 1 – 変更 HTML

span

は、

div

内に含まれるテキストを追加する機能が、

span

内にある HTML コードを変更

何かこのような

オプション 2 – 変更 jQuery

jQuery 関数このような何かを変更:

$('.site-description').each(function() {



  var $el = $(this),
    text = $el.text(),
    len = text.length,
    newCont = '';

  for (var i = 0; i < len; i++) {
    var bgColor = '#' + (Math.random() * 0xffffff).toString(16).substr(-6);
    newCont += '' + text.charAt(i) + '';
  }

  $el.html(newCont);

});

または正しいクラスまたは要素が見つかるように一般に、クエリの最初の部分だけ修正します。

http://stackoverflow.com/questions/27739642/adding-a-span-to-each-letter-in-responsive-wordpress-theme

スポンサーリンク

Leave a Reply