2012-02-17 81 views
0

我在我的WordPress模板使用同位素(JQuery的),我想使用添加项目选项(前置)。你可以在这里看到:http://isotope.metafizzy.co/demos/adding-items.html显示PHP代码中的JavaScript函数

,我使用作品的脚本:

$('#prepend a').click(function(){ 
     var $newItems = $(<div>Hello World</div>); 
     $('#container').prepend($newItems) 
     .isotope('reloadItems').isotope({ sortBy: 'original-order' }); 
       }); 

当我点击此链接:

<li id="prepend"><a href="#">More</a></li> 

该脚本将你好我的网页上。

的问题是,我不希望添加一个div,但我想补充一个帖子。

这里是邮政代码,我想用:

<?php query_posts('category_name=offers'); while (have_posts()) : the_post(); ?> 
<a href="<?php echo get_permalink(); ?>" class="element <?php $posttags = get_the_tags(); 
if ($posttags) { foreach($posttags as $tag) { echo $tag->slug . " "; } } ?>"> 

<div>       
<?php the_title("<h3>", "</h3>"); ?> 

</div> 
</a> 
<?php endwhile;?> 

你知道一种方法,使它的工作原理?

(对不起,我可怕的英语......)

回答

1

你需要Ajax。这个工作方式是,你从服务器获取你想要的,然后prepend

var postsData = { param1: "value", param2: "value" }; 
$.get('www.example.com/get_posts.php', postsData, 
    function(content) { 
    var $newItems = $('<div/>').html(content); 
    $('#container').prepend($newItems); 
    } 
); 

并制作一个打印HTML片段的get_posts.php。您可以从$_GET[]得到的postsData结构的东西,或者你可以完全离开postsData参数,如果你不需要任何。

+0

你必须做出或使用你的WordPress博客的网址,以获取渲染您的文章。尝试找到并阅读关于WordPress的帖子ajax的一些文档。 – Sebastien 2012-02-17 14:57:17

+0

(我不知道如何,但我删除了我的评论...)。 我会环顾Ajax和WordPress。谢谢你们的帮助! – 2012-02-19 21:08:42

0

如果你想一个PHP的渲染,你必须使用一个Ajax请求。你习惯了这个可怕的名字'AJAX'吗?

随着使用jQuery Ajax调用:http://api.jquery.com/jQuery.get/,你可以得到,如果后呈现的HTML,并将其写入您的网页上。

你是否了解?

勒布

+0

我听说了很多关于Ajax的知识,但我真的需要做更深入的挖掘...我会看看你的链接。 Merci Seb – 2012-02-17 14:54:39