Question

jQuery(document).ready(function($) {        
            $('a.ttLinks').click(function() {

                 var url= $(this).attr("href"); 
                   $("#inCenter>[id^=featuredv]").load(url);    
                 return false;
 });
});

我尝试制作一个脚本，在单击链接时加载链接的内容而不是重新加载页面。我不确定为什么，但似乎当点击链接时，它会将我当前所在的实际页面加载到我的featuresv div而不仅仅是帖子的内容。我认为当点击永久链接时，它会将帖子加载到index.php中，然后将页面返回给我。

<div id="ttContent">
<?php
query_posts('meta_key=featuredt&posts_per_page=5');
if (have_posts()) : while (have_posts()) : the_post();
?>
<div id="featuredt-<?php echo $wp_query->current_post;?>">
<a class="ttLinks" rel="<?php the_permalink(); ?>" href="<?php echo the_permalink();?>">
<?php echo get_post_meta($post->ID, 'featuredt', TRUE);?></a></div>                                     
<?php endwhile;
endif;
?>
</div>

上面的代码是我用来生成我的链接的php，我最初使用的是href，但在阅读了另一篇文章Load Wordpress post content into DIV using AJAX后，我想也许我应该尝试使用rel标签，而不是'这是一个区别，因为无论哪种方式，网址是相同的，但我累了，并尽我所能。

<div id="inCenter">
<?php
query_posts('meta_key=featuredt&posts_per_page=1');
if (have_posts()) : while (have_posts()) : the_post();?>
<div id="featuredv-<?php  echo $wp_query->current_post;?>">
<?php echo $post->post_content;?></div>
<?php endwhile;
endif;
?>
</div>

此代码是生成单击链接时要替换的内容的代码。 firebug似乎显示的是，第一次单击链接时，它会发送一个永久链接的GET请求，该页面显示在页面中，第二次点击任何链接时，它会发送4个永久链接的GET请求，下次12等等。我没有使用wordpress作为博客，我没有地方可以加载帖子所以也许在发出GET请求时默认使用index.php加载帖子？再次感谢您的帮助。

Answer 1

您应该发布HTML以澄清，但除非您将目标页面的位置存储在rel属性中（而不是更直观的href）元素，否则您需要将行更改为读取{{1 }}

我只是假设直接位于此行下方的行实际上不在您的代码中（在这种情况下会导致它不可解析）。请根据需要对您的问题进行更改。您只需发布相关的HTML代码（即var url=$(this).attr("href");代码和a.ttlinks div（含内容））。

Answer 2

好的，答案非常简单，我所要做的就是制作一个带有代码的single.php

<?php echo $post->post_content; ?>

并且代码有效。我没有加载帖子的页面，因为我没有使用wordpress作为博客，我不认为我需要一个，但我没有任何代码告诉.js要加载什么，所以它只是加载默认的index.php。现在我的代码完美无缺！或者，至少它目前运作良好，我还有一些测试要做。对不起，如果我对任何问题感到沮丧，我只是不知道如何正确地提出我的问题。

如何在点击链接时将帖子内容加载到div中？

2 个答案: