0

我想知道如何隐藏帖子内容，一旦您单击标题，内容就会通过 AJAX 向下滑动（希望使用内置于 AJAX 的 Wordpress）。我昨天在这里，这个社区很好地帮助我使它与 JQuery 一起工作（再次感谢），但我想知道是否有可能只在单击标题时才加载隐藏内容，而不是一堆隐藏的内容一次加载。这样一来，一切都会顺利得多。

这是JQuery代码：

<script type="text/javascript">
jQuery(document).ready(function($) {


$(".event-info").hide();
$(".event-title").click(function() {
  var eventInfo = $(this).parent().children(".event-info");
  $('.event-info').not(eventInfo).slideUp();
  eventInfo.slideToggle();
});


});
</script>

html:

<div class="event-title">Click on title here to load content</div>

<div class="event-info">content hidden/shown here</div>

任何想法将不胜感激！谢谢！

4

1 回答 1

2

最好的方法是创建一个函数

尝试这样的事情

在你的 fucntions.php

    function PostAjax()
    {
        if(have_posts()) : while(have_posts()) : the_post();
        //Loop content here etc.
        endwhile; endif; wp_reset_query();
    }

    // creating Ajax call for WordPress  
    add_action('wp_ajax_nopriv_PostAjax', 'PostAjax');
    add_action('wp_ajax_PostAjax', 'PostAjax');

在您的页眉或页脚中

jQuery(".event-title").click(function(){ 
    jQuery.ajax({  
        type: 'GET',  
        url: '<?php echo admin_url('admin-ajax.php');?>',  
        data: {  
            action: 'PostAjax',
            MyParam: 'MyParamValue'
        },  
        success: function(textStatus){  
           $( '.event-info' ).html( textStatus ); 
        },  
        error: function(MLHttpRequest, textStatus, errorThrown){  
            alert(errorThrown);  
        }  
    });  
});

});

和你的 HTML

<div class="event-title">Click on title here to load content</div>
<div class="event-info"></div>
于 2013-06-07T16:17:21.340 回答