如何在單擊鏈接時將帖子內容加載到div中？

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

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

我試着製作一個腳本，它在點擊時加載鏈接的內容而不是重新加載頁面。我不確定爲什麼，但看起來當點擊一個鏈接時，它會將我目前正在使用的實際頁面加載到我的featuredv div中，而不僅僅是帖子的內容。我認爲當一個固定鏈接被點擊時，它會將該鏈接加載到index.php中，然後將該頁面返回給我。如何在單擊鏈接時將帖子內容加載到div中？

<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>

上面的代碼是我使用生成我的鏈接，我本來用的href但閱讀另一篇文章，Load Wordpress post content into DIV using AJAX後，我想，也許我應該嘗試使用rel標籤，而不是PHP，有WASN」因爲任何方式的網址是相同的，但我累了，盡我所能地嘗試。

<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>

而這段代碼是什麼生成的內容，我想要替換時點擊鏈接。什麼螢火蟲似乎顯示的是，第一次點擊一個鏈接，它會發送一個GET請求永久鏈接在它顯示的頁面，第二次點擊任何鏈接時，它會發送4個GET請求永久鏈接，下一次12等等。我沒有使用wordpress作爲博客，我沒有地方加載帖子，所以也許這些帖子是使用index.php默認加載的，當GET請求被創建時？再次感謝您的幫助。

來源

2011-11-03 redappleorigin

你可以發佈你的HTML嗎？你發佈的JavaScript顯然是不好的。你能修好它嗎？ – mrtsherman

你將需要做更多的工作來獲得幫助，使用螢火蟲 - 看看會發生什麼回來（也許有重定向） –

我做了一些額外的工作，讓我知道如果我需要提供任何信息，感謝您採取該回應我的時候了。 – redappleorigin

你應該張貼您的HTML澄清，但除非你是在rel屬性存儲目標頁面的位置（而不是更直觀的HREF）元素，那麼你就需要改變你的行改爲var url=$(this).attr("href");

我只是假設直接在這行下面的行實際上不在你的代碼中（在這種情況下會導致它不能被解析）。請根據需要對您的問題進行更改。您只需發佈相關的HTML代碼（即a.ttlinks標籤和#inCenter div（含內容））。

來源

2011-11-03 05:31:25

是的，我將這個位置存儲在rel屬性中，對於措辭不太好的問題和稀疏的細節感到抱歉，我非常疲憊，非常沮喪，儘管如果你不介意再看一眼，我已經更新了我的問題。 – redappleorigin

好了，答案是非常簡單，所有我所要做的就是讓用代碼single.php中提到

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

和代碼工作。我沒有加載我的帖子的頁面，因爲我沒有使用wordpress作爲博客，我不認爲我需要它，但是我沒有任何代碼告訴.js要加載的內容，所以它只是加載默認的index.php。現在我的代碼完美地工作！或者，至少目前它運行良好，我仍然有一些測試要做。對不起，如果我沮喪的人與我的問題，我只是不知道如何正確地問我的問題。

來源

2011-11-03 23:00:41 redappleorigin

如何在單擊鏈接時將帖子內容加載到div中？

回答

相關問題