![](/img/trans.png)
[英]How do I use jquery to make a click on a link post to a php script with ajax?
[英]How do I use get_adjacent_post_rel_link() in AJAX content loading?
界面圖片
我創建了一個jquery腳本來加載內容。 此內容包括自定義帖子類型的帖子。 作為參考,我已使用Ajax和jQuery加載WordPress帖子 。
問題我將用.load URL替換什么,以便每次單擊#ajaxNext時,它都轉到上一篇文章提交的自定義帖子類型URL?
例如:當前顯示的自定義帖子發布於2011年8月30日。*點擊#ajax下一篇帖子將更新為2011年8月24日的帖子*
對Wordpress文檔的引用。
jQuery此代碼保存在single-custom_type.php的標頭中
<script type="text/javascript">
$(document).ready(function(){
$.ajaxSetup({cache:false});
$("#ajaxNext").click(function(){
var post_id = $(this).attr("rel")
$("#container").html("loading...");
$("#container").load("<?php get_adjacent_post_rel_link( $title, $in_same_cat, $excluded_categories, $previous ); ?>");
return false;
});
});
</script>
$("#container").load('<?php get_adjacent_post_rel_link( $title, $in_same_cat, $excluded_categories, $previous ); ?>');
是創建請求的URL的原因(我在測試中放入了直接URL ,它可以工作。不幸的是,此php不起作用 )。 我希望該.load的URL是wordpress中的下一篇文章。 我已按照本教程進行了盡可能多的指導。 由於要使用自定義帖子類型,因此不得不進行一些調整。 仍然沒有運氣:(
PHP 邏輯上home.php包含下面的PHP參考
<div id="wrapper">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class('clearfix'); ?> role="article">
<div id="inner">
<?php
if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
the_post_thumbnail(full);
}
?>
</div>
</div>
HTML 這個特定的html塊包含執行AJAX調用的錨點
<section class="summary">
<div>
<header> <img src="<?php echo get_template_directory_uri(); ?>/library/images/works.png" />
<h1>Process</h1>
<h2><a id="ajaxNext" href="<?php the_permalink() ?>" rel="<?php the_ID(); ?>" title="<?php the_title_attribute(); ?>">Next</a></h2>
</header>
<p>
<p><?php getCustomField('Process'); ?></p>
</p>
</div>
</section>
如果我有任何遺漏,請隨時詢問! 我會立即回應。
最后,如果有一個先前的按鈕,並且代碼完全不同,我將如何創建該.load();。 URL請求,即轉到最新帖子。
您使用了錯誤的功能。 get_adjacent_post_rel_link()
返回完整的鏈接- <link rel="prev"...>
您需要原始URL,而不是整個鏈接。 不幸的是,我找不到一個“正確的”功能,這令我驚訝。 那里有許多解決方案 ,但是我傾向於將URL從已有的東西中吸取。
$next = get_adjacent_post_rel_link();
preg_match('/href=\'([^\']*)\'/',$next,$matches);
var_dump($matches[1]);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.