1

TL;DR こんにちは、echo のようなスクリプトで wordpress the_permalink を取得し、すべての投稿を個別に作業して jquery にロードする方法はありますか?

長いバージョン: こんにちは、ワードプレスで、投稿を画像のサムネイルのように見せようとしています。それらの上にカーソルを合わせると、投稿のタイトルとカテゴリが表示されます。image_thumb .show スクリプトが実行されている div にカーソルを合わせると、それがどのように行われるかがわかります。画像の任意の場所をクリックすると、投稿リンクに移動するようにしたいです。カテゴリをクリックすると、カテゴリに移動します。リンク内の別のリンクを使用できないため。imagethumb div を「.click 関数」でリンクに移動させましたが、java は php を直接実行できないため使用できません。とにかく、どこかにエコーされたような正しいリンクを取得して、リンクを取得してロードできますか？

ここに私のjqueryがあります:

$(document).ready(function(){
            $(".select").hover(
                function(){         
                    $(this).find('.caption').fadeIn(500);
                },          
                function(){
                    $(this).find('.caption').fadeOut(500);
                }
            );
      $(".select").click(function(evt){
    window.location = '<?php the_permalink(); ?>';
});
        });
4

1 に答える 1

1

もっと洗練された解決策があるはずですが、簡単なまとめは、サーバー側のコードを使用して必要なリンクをこの div の「data-blablah」属性としてエクスポートし、jQuery を使用してキャッチすることです。

たとえば、リンクは次のようになります。<a href="original/path" title="blah" class="select" data-permanlink="wanted/path">

次に、jQuery を使用して、この属性とヘッダーを次のようにキャッチできます。

$(".select").click(function(evt){
    var newlink = this.attr('data-permanlink')
    window.location(newlink)
});
于 2012-12-12T21:11:27.187 に答える