2010-11-23 9 views
0

とwordpressの記事のタイトルを追加し、私は、ブラウザでのjQueryのコード(PHPインタプリタが終了した後も長い間)、はjqueryの

('a img').after('<span>the title here</span>'); 
+0

それは、すべてのimg – Quinx

+0

感謝ドミニク 素晴らしいアイデアの後にすべてのタイトルを表示するが、IMGの後、私はそれ – Quinx

答えて

1

PHPコードはサーバ上で解釈されjqueryのことで、私のセレクタの後にタイトル<?php the_title(); ?>を追加します。彼らは本当にお互いを見ることができません。あなたは、いくつかのタイトルを持っているなら、あなたがしなければならない、

var title = $('#the_title').text(); 
$('a img').after('<span>' + title + '</span>'); 

[EDIT]:ページ上のいくつかの要素にthe_title()の値を入れて、それを見つけるためのjQueryを使用して、それを追加している何ができる

どういうわけかそれらを画像にマップする。

  • イメージの名前をPHPサーバーに送信し、タイトルを検索して返信することができます。ルックアップ$().json()

  • すべてのタイトルを、表示されないHTMLに埋め込むことができます。<div style="display: none;">にラップしてください。 jQueryでは、イメージをタイトルにマップできます。

+0

内のコンテンツアウトでを見つけましたかjqueryのコードの前に設定を直接javascriptの変数にタイトルを追加します。 – windyjonas

0

アーロンが言ったこと。

しかし、カスタムデータ属性soを使用している可能性があります(HTML5で検証されるように)。あなたのPHPで

<img data-title="<?php the_title(); ?>" src="..." /> 

- JavaScriptで

(jQueryの):

$('a img').each(function(){ 
    var title = $(this).attr("data-title"); 
    $(this).after('<span>' + title + '</span>'); 
}); 

-

テストされていないが、それはアイデアです。 試験済みです。

+0

私はコードに間違いがありました。私はちょうどそれをテストし、今修正されました。謝罪。 何も入っていない空のスパンを作成している場合は、the_titleの問題となる可能性があります。 The_titleは投稿/ページのタイトルを返し、ループ内で実行する必要があります - あなたがやろうとしていることですか? – Dominic