为什么要动态加载文章"htmlcode">
3. 加载文章内容 后台处理 从前台传到后台的参数有两个, 一个是 action ID, 用于确定使用的接口, 另一个是文章的 ID, 用于获取文章对应的内容. 下面我们来分析一下wp-includes/post-template.php 的 get_the_content 方法. 处理方法 如果我们暂时不考虑输入密码, 分页等功能; 另外, 因为 More 和切断功能不应该在展开文章内容中存在, 响应处理可以变得很简单. 我们要做的事就这么几个: 多说无用, 直接上代码, 加注释:
/ 在文档加载完毕的时候遍历所有匹配文章的元素
jQuery(document).ready(function(){
jQuery('div.post').each(function() {
// 如果元素相应位置是文章 ID
var id = jQuery(this).attr('id');
if(/^post\-[0-9]+$/.test(id)) {
// 则为每个文章添加一个展开/折叠按钮
...
}
});
});
toggle.toggle(function() { // 展开
// 如果文章内容为空, 加载文章内容
if(jQuery('#' + id + ' .content').text() == '') {
...
}
// 显示文章内容, 并切换按钮样式
jQuery('#' + id + ' .content').slideDown();
jQuery(this).removeClass('collapse').addClass('expand');
},
function() { // 折叠
// 隐藏文章内容, 并切换按钮样式
jQuery('#' + id + ' .content').slideUp();
jQuery(this).removeClass('expand').addClass('collapse');
// 将按钮追加到文章标题前方
}).prependTo(jQuery('#' + id + ' h2'));
// 取得文章 ID
var postId = id.slice(5);
// 使用 AJAX 获取并处理文章内容
jQuery.ajax({
type: 'GET'
,url: '"ajax-loader">Loading...</p>');}
// 获取文章内容成功, 更新文章内容
,success: function(data){loadPostContent(id, data);}
// 获取文章内容失败, 显示出错提示
,error: function(data){loadPostContent(id, '<p>Oops, failed to load data.</p>');}
});
处理思路
function get_the_content($more_link_text = null, $stripteaser = 0) {
global $id, $post, $more, $page, $pages, $multipage, $preview;
// 设定 "查看全文" 的链接文案
if ( null === $more_link_text )
$more_link_text = __( '(more...)' );
// 返回内容
$output = '';
// More 标签是否存在的标记位
$hasTeaser = false;
// 如果文章要求输入密码, 并且在 Cookie 中找不到处理过的信息, 则返回要求输入密码的查看表单
if ( post_password_required($post) ) {
$output = get_the_password_form();
return $output;
}
// 请求的文章片段对应的页面大于最大页数 (即文章片段不存在), 则返回最大页码的文章片段
if ( $page > count($pages) )
$page = count($pages);
// 文章内容是最后分页中的文章片段
$content = $pages[$page-1];
// 如果文中有 More 标签, 要求切断文章并输出 "查看全文" 链接, 则重定义文章内容, 标记 More 标签存在
if ( preg_match('/<!--more(.*"阅读全文" 链接
if ( count($content) > 1 ) {
if ( $more ) {
$output .= '<span id="more-' . $id . '"></span>' . $content[1];
} else {
if ( ! empty($more_link_text) )
$output .= apply_filters( 'the_content_more_link', ' <a href="' . get_permalink() . "#more-$id\" class=\"more-link\">$more_link_text</a>", $more_link_text );
$output = force_balance_tags($output);
}
}
if ( $preview ) // preview fix for javascript bug with foreign languages
$output = preg_replace_callback('/\%u([0-9A-F]{4})/', create_function('$match', 'return "&#" . base_convert($match[1], 16, 10) . ";";'), $output);
// 返回文章内容
return $preview;
}
1. 做出 action 对应的接口
2. 获取指定文章的内容
3. 格式化文章内容
4. 返回文章内容
function load_post() {
// 如果 action ID 是 load_post, 并且传入的必须参数存在, 则执行响应方法
if($_GET['action'] == 'load_post' && $_GET['id'] != '') {
$id = $_GET["id"];
$output = '';
// 获取文章对象
global $wpdb, $post;
$post = $wpdb->get_row($wpdb->prepare("SELECT * FROM $wpdb->posts WHERE ID = %d LIMIT 1", $id));
// 如果指定 ID 的文章存在, 则对他进行格式化
if($post) {
$content = $post->post_content;
$output = balanceTags($content);
$output = wpautop($output);
}
// 打印文章内容并中断后面的处理
echo $output;
die();
}
}
// 将接口加到 init 中
add_action('init', 'load_post');
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
- 张敬轩2005《我的梦想我的路》几何娱乐[WAV+CUE][1G]
- 群星《人到四十男儿情(SRS+WIZOR)》[原抓WAV+CUE]
- 马久越《上善若水HQCDII》[低速原抓WAV+CUE]
- 龚玥《女儿情思》6N纯银SQCD【WAV+CUE】
- 张惠妹《你在看我吗》大碟15 金牌大风[WAV+CUE][1G]
- 群星《左耳·听见爱情》星文唱片[WAV+CUE][1G]
- 群星《抖音嗨疯-DISCO英文版》[WAV+CUE][1G]
- 群星.1990-情义无价(TP版)【中唱】【WAV+CUE】
- 马兆骏.1990-心情·七月【滚石】【WAV+CUE】
- 方伊琪.1979-沙鸥(LP版)【星岛全音】【WAV+CUE】
- 蔡琴《醇厚嗓音》6N纯银SQCD【WAV+CUE】
- 陈曦《遇见HQCD》[WAV+CUE]
- 大提琴-刘欣欣《爱的问候》HDCD[WAV+CUE]
- 周耀辉/邓慧中《从什么时候开始》[320K/MP3][95.71MB]
- 周耀辉/邓慧中《从什么时候开始》[FLAC/分轨][361.29MB]