1

特定のアイコンがクリックされたときに他のループに置き換えるメインループがあります。各ループには実際には独自のページがありますが、JavaScript を使用しているユーザーには、ホームページのコンテンツ領域でループを切り替えることができるようにしています。私はそれを行う方法についてのチュートリアルを読んで、実際のページにリンクすることを許可しないリンクの href として # を使用し、javascript にそのリンクを無視させ、代わりに ajax を実行させます。したがって、私の質問は、このプロセスを下に設定して、正常に低下させるにはどうすればよいかということです。

mysite.com/my-favorites というページがあります。

これは、私のホームページで ajax を使用してそのページ コンテンツを呼び出す方法です。

<a id="fav" class="trigger-loop" href="#"><div id="favorite-icon"></div></a>

jQuery(document).ready(function($){
 $('#fav.trigger-loop').click(function(){
    $('.trigger').removeClass('active');
    $('.trigger-loop').removeClass('active');
    $('#fav.trigger-loop').addClass('active');
    $('#boxes').empty();
    $.post(
        WPaAjax.ajaxurl,
        {
            action : 'loop_fav',
        },
        function( response ) {
            $('#boxes').append( response ).masonry( 'reload' );
            $('.panel').hide("slow");
        }
    );
 });

});

add_action('wp_ajax_loop_fav', 'loop_fav');
function loop_fav(){
 wpfp_shortcode_func();

 exit;
}
4

1 に答える 1

1

あなたの質問が正しければ。

の代わりに URL を追加します#。

<a id="fav" class="trigger-loop" href="mysite.com/my-favorites"><div id="favorite-icon"></div></a>

およびclick関数内でreturn false;、ページが指定された URL にジャンプせず、代わりに ajax を実行します。

 $('#fav.trigger-loop').click(function(){
     ... your code...
     ... your code....
     return false; 

 })
于 2012-06-30T20:37:45.067 に答える