[ طلب ] طريقة عمل التالي والسابق باستخدام Ajax

تم تحميل الصفحة في 0,6821641 ثانية
طريقة عمل التالي والسابق باستخدام Ajax
إنضم
12 أغسطس 2012
المشاركات
469
الإعجابات
326
النقاط
63
السلام عليكم ورحمة الله وبركاته
عندي ديف يعرض جميع المقالات ويعرض في كل مره 6 مقالات عملت اسفل الديف زرين التالي والسابق في كل مره اضغط السابق او التالي يقوم بجلب لي المقالات ال 6 السابقة او التالية بدون تحميل الصفحه باستخدام الاجاكس بحث كثير ولم تنفع معي لانني لا اعرف الكثير عن الاجاكس
ممكن شرح يبين لي كيفية عمل هذا المطلوب
 
إنضم
12 أغسطس 2012
المشاركات
469
الإعجابات
326
النقاط
63
لقيت هذا الكود في احدى المواقع وقمت بالتعديل عليه وجعلته يجلب المنشورات السابقه فوق اخر المنشورات بلا من اطهارها تحت المنشورات الاخيره
ولكن المشكله عندما اقوم بالضغط للمره الثاتيه ع الزر يجلب تفس منشورات الصفحه الثانيه هكذا يقوم بتكرار منشورات الصفحه 2 ما المشكله ؟
هذا الكود
PHP:
function pbd_alp_init() {
     global $wp_query;
 
     // Add code to index pages.
     if( !is_singular() ) {   
         // Queue JS and CSS
         wp_enqueue_script(
             'pbd-alp-load-posts',
             plugin_dir_url( __FILE__ ) . 'js/load-posts.js',
             array('jquery'),
             '1.0',
             true
         );
 
         wp_enqueue_style(
             'pbd-alp-style',
             plugin_dir_url( __FILE__ ) . 'css/style.css',
             false,
             '1.0',
             'all'
         );
        
        // What page are we on? And what is the pages limit?
        $max = $wp_query->max_num_pages;
        $paged = ( get_query_var('paged') > 1 ) ? get_query_var('paged') : 1;

        // Add some parameters for the JS.
        wp_localize_script(
            'pbd-alp-load-posts',
            'pbd_alp',
            array(
                'startPage' => $paged,
                'maxPages' => $max,
                'nextLink' => next_posts($max, false)
            )
        );
    }
 }
 add_action('template_redirect', 'pbd_alp_init');
JavaScript:
jQuery(document).ready(function($) {
 
    // The number of the next page to load (/page/x/).
    var pageNum = parseInt(pbd_alp.startPage) + 1;
 
    // The maximum number of pages the current query can return.
    var max = parseInt(pbd_alp.maxPages);
 
    // The link of the next page of posts.
    var nextLink = pbd_alp.nextLink;
    
    /**
 * Replace the traditional navigation with our own,
 * but only if there is at least one page of new posts to load.
    */
    if(pageNum <= max) {
        // Insert the "More Posts" link.
        $('#content')
           //.append('<div class="pbd-alp-placeholder-'+ pageNum +'"></div>')
            .append('<p id="pbd-alp-load-posts"><a href="#">Load More Posts</a></p>');

        // Remove the traditional navigation.
        $('.navigation').remove();
    }
    
    /**
 * Load new posts when the link is clicked.
 */
    $('#pbd-alp-load-posts a').click(function() {

        // Are there more posts to load?
        if(pageNum <= max) {

            // Show that we're working.
            $(this).text('Loading posts...');
            
            $('#article').load(nextLink + ' .post',
            function() {
                // Update page number and nextLink.
                pageNum++;
                nextLink = nextLink.replace(/\/page\/[0-9]?/, '/page/'+ pageNum);

                // Add a new placeholder, for when user clicks again.
                $('#pbd-alp-load-posts')
                    .before('<div class="post"></div>')

                // Update the button message.
                if(pageNum <= max) {
                    $('#pbd-alp-load-posts a').text('Load More Posts');
                } else {
                    $('#pbd-alp-load-posts a').text('No more posts to load.');
                    $('#pbd-alp-load-posts a').remove();
                }
            }
        );
            } else {
            $('#pbd-alp-load-posts a').remove();
        }   
 
        return false;
    });
});
 

الأعضاء النشطين حاليآ الذين يشاهدون هذا الموضوع (1 عضو و 0 ضيف)

خيارات الاستايل

نوع الخط
مودك
اخفاء السايدر بار OFF
توسيط المنتدى OFF
فصل الأقسام OFF
الأقسام الفرعية OFF
عرض المشاركات
حجم الخط
معلومات العضو OFF
إخفاء التوقيع OFF

إرجاع خيارات الإستايل