0

私は ajax wordpress の初心者です。投稿を ajax で表示しましたが、以前の投稿を ajax で表示したいという問題があります。つまり、投稿を ajax で表示し、ユーザーが 1 つの投稿をクリックすると表示され、ブラウザの戻るボタンをクリックすると、以前の投稿が表示されません。ブラウザの戻るボタンで以前のワードプレスの ajax 投稿を表示する方法を教えてください。これが私が使用したコードです

 <script type="text/javascript">
    jQuery(document).ready(function($) {
    jQuery(".ajaxclick").click(function() {
    var post_id1 = $(this).parent("li").attr("id");
    var pageurl = $(this).attr('href');
    alert(pageurl);
    var ajaxURL = '<?php echo get_admin_url(); ?>admin-ajax.php';
    $.ajax({
    url: ajaxURL,
    type: 'POST',
    beforeSend: function() {
    $("#loading-animation").hide();
    $("#ajaxloader").show();
    },
    complete: function() {
    $("#loading-animation").show();
    $("#ajaxloader").hide();
    },
    data:   {
    action: 'load-content',
    post_id: post_id1 
    },
    success: function(response) {
    jQuery("#loading-animation").addClass('loadingstyle');
    jQuery("#loading-animation").html(response);
    return false;
    }

    });
    });
    });
    </script>
4

3 に答える 3

1

ハッシュを使用#し、

$(function(){
   if(location.hash === 'somepage'){
     //do ajax again automatically here
   }
 });

成功時にハッシュを追加します。

success: function(response) {
jQuery("#loading-animation").addClass('loadingstyle');
jQuery("#loading-animation").html(response, function(){
   location.hash = 'somepage';//<<-- must be identic with loaded page and same with above
});

幸運を！

于 2013-04-15T04:49:40.257 に答える
0

こんにちは、この問題を解決し、現在 ajax の投稿はブラウザーの戻るボタンと進むボタンで正常に動作しています。

    // Bind an event to window.onhashchange that, when the hash changes, 
$(window).on('hashchange', function(){
//check if hash tag exists in the URL
if(window.location.hash) {
var ajaxURL1 = '<?php echo get_admin_url(); ?>admin-ajax.php';
//set the value as a variable, and remove the #
var post_id1= window.location.hash.substring(1);
$.ajax({
url: ajaxURL1,
type: 'POST',
cache:false,
data:   {
action: 'load-content',
post_id: post_id1
},
success: function(response) {
jQuery("#loading-animation").addClass('loadingstyle');
jQuery("#loading-animation").html(response);
return false;
}   
});
}
else
{
window.location="http://203.134.217.4/testingwp/";
}
});
于 2013-04-23T04:54:55.777 に答える
0

それを効率的に管理しているように見えるjqueryプラグインがあります

この jQuery プラグインは、クロスブラウザーの HTML5 window.onhashchange イベントを介して、非常に基本的なブックマーク可能な #hash 履歴を有効にします。

http://benalman.com/projects/jquery-hashchange-plugin/ https://stackoverflow.com/a/173075/1061871

html5 ソリューションも同様: https://developer.mozilla.org/en-US/docs/DOM/window.onpopstate

于 2013-04-15T04:59:14.490 に答える