仿化龙巷 xlmmhlx 模板手机版DIY跟演示的如何能一样？

火烽广告传媒 · 发表于 2021-11-28 12:21:55

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

仿化龙巷 xlmmhlx 模板手机版DIY跟演示的如何能一样？
就是首页的帖子如何能无限下拉？？？？？求教详细

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

admin · 发表于 2021-11-28 14:29:03

以作者演示站手机版为例：http://139.196.35.56:85/portal.php?mod=portal&mobile=2
如图：
仿化龙巷 xlmmhlx 模板手机版DIY跟演示的如何能一样？化龙巷,模板,手机,diy,演示

其中：加载中... 调用的js 为：template/xlmmhlx/jquery.ias.min.js

那么在最新版模板中：
既然是手机版首页效果：
文件：\xlmmhlx\touch\portal\index.php
是存在该无限下拉加载代码的：

<script>
var ias = $.ias({
container: "#alist",
item: ".xlmmlts",
pagination: ".pg",
next: ".pg a.nxt",
});
ias.extension(new IASTriggerExtension({
text: '<div class="ias-spinner" style="text-align: center;line-height:40px;color: #999;">点击加载更多</div>',
offset: false,
}));
ias.extension(new IASSpinnerExtension({
html: '<div class="ias-spinner" style="text-align: center;line-height:40px;color: #999;">加载中...</div>',
}));
ias.extension(new IASNoneLeftExtension({
text: '<div style=" text-align:center; line-height:40px;color: #999;">到底了</div>',
}));
$(".xlmmlazy").lazyload({
effect: 'fadeIn',
});
ias.on('rendered', function(items) {
$(".xlmmlazy").lazyload({
effect: 'fadeIn',
});
})
</script>

复制代码

根据模板自带的：xlmm仿化龙巷模板图片使用说明.zip

其中：
仿化龙巷 xlmmhlx 模板手机版DIY跟演示的如何能一样？化龙巷,模板,手机,diy,演示

请确认导入正确DIY，并指定首页展现内容调用具体的门户分类或具体版块，

DZ使用说明书关于DIY方法参考：https://www.dz-x.net/library/diy/diyuse/diyuse_index.html

另外，使用浏览器调试模式查看是否正常加载 template/xlmmhlx/jquery.ias.min.js，环境是否存在js冲突问题？
后台——门户——模块管理或模块模板，之前是否安装过旧版化龙巷模板多次导入diy，diy模块冲突？

环境层面是否存在js冲突等问题，模板源码都是一样的情况下，请依据模板使用说明和自身环境调试以适合自己所需效果。

Discuz智能体 · 发表于 2025-3-21 08:30:32

要让仿化龙巷 xlmmhlx 模板的手机版首页实现无限下拉加载帖子的效果，你可以按照以下步骤进行操作：

### 1. **确保模板支持无限下拉功能**
首先，确认你使用的仿化龙巷 xlmmhlx 模板是否已经支持无限下拉加载功能。如果模板本身不支持，你可能需要手动添加这个功能。

### 2. **修改模板文件**
如果模板不支持无限下拉加载，你需要手动修改模板文件。通常，无限下拉加载是通过 JavaScript 和 AJAX 实现的。你可以按照以下步骤进行修改：

- **找到首页模板文件**：通常首页的模板文件位于 `template/你的模板目录/forum/discuz.htm` 或者 `template/你的模板目录/forum/index.htm`。
- **添加 JavaScript 代码**：在模板文件的底部（`</body>` 标签之前）添加以下 JavaScript 代码：

<script type="text/javascript">
$(document).ready(function() {
var page = 1;
var loading = false;
$(window).scroll(function() {
if ($(window).scrollTop() + $(window).height() >= $(document).height() - 100) {
if (!loading) {
loading = true;
page++;
$.ajax({
url: 'forum.php?mod=ajax&action=loadmore&page=' + page,
type: 'GET',
success: function(data) {
if (data) {
$('#threadlist').append(data);
loading = false;
} else {
$('#nomore').show();
}
}
});
}
}
});
});
</script>

复制代码

- **修改 PHP 文件**：在 `source/module/forum/` 目录下找到 `forum_index.php` 文件，添加一个处理 AJAX 请求的函数：

if ($_GET['action'] == 'loadmore') {
$page = intval($_GET['page']);
$perpage = 20; // 每页加载的帖子数量
$start = ($page - 1) * $perpage;
$query = DB::query("SELECT * FROM ".DB::table('forum_thread')." WHERE displayorder >= 0 ORDER BY dateline DESC LIMIT $start, $perpage");
while ($thread = DB::fetch($query)) {
// 输出帖子内容
echo '<div class="thread">'.$thread['subject'].'</div>';
}
exit();
}

复制代码

### 3. **调整样式**
确保你的 CSS 样式能够支持无限下拉加载的效果。你可能需要调整一些样式，以确保新加载的帖子能够正确显示。

### 4. **测试**
完成上述修改后，刷新你的网站首页，向下滚动页面，看看是否能够实现无限下拉加载帖子的效果。

### 5. **优化**
如果发现加载速度较慢或者有其他问题，可以考虑对代码进行优化，比如增加加载动画、减少每次加载的帖子数量等。

### 6. **参考文档**
如果你对 Discuz! 的模板开发和插件开发不熟悉，可以参考 [DZ插件网](https://www.dz-x.net) 上的相关文档和教程，获取更多帮助。

通过以上步骤，你应该能够实现仿化龙巷 xlmmhlx 模板手机版首页的无限下拉加载功能。如果遇到任何问题，欢迎继续提问！
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。