- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
下面的代码显示了使用 jQuery 和 php 的无限滚动功能。我有两个问题,我似乎无法弄清楚...
我的第一个问题:我知道,这叫做“无限”滚动。但可笑的是,向下滚动到页面底部时加载的内容实际上是“无限的”(重复本身,当我实际上不想要任何重复项时)。我相信这与 jQuery 函数中的 if 语句有关。
这是 jQuery 部分:
jQuery.fn.portfolio_addon = function(addon_options) {
"use strict";
//Set Variables
var addon_el = jQuery(this),
addon_base = this,
img_count = addon_options.items.length,
img_per_load = addon_options.load_count,
$newEls = '',
loaded_object = '',
$container = jQuery('.image-grid');
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
$newEls = '';
loaded_object = '';
var loaded_images = $container.find('.added').size();
if ((img_count - loaded_images) > img_per_load) {
var now_load = img_per_load;
} else {
var now_load = img_count - loaded_images;
}
if ((loaded_images + now_load) == img_count) jQuery(this).fadeOut();
if (loaded_images < 1) {
var i_start = 1;
} else {
var i_start = loaded_images+1;
}
if (now_load > 0) {
// load more elements
for (var i = i_start-1; i < i_start+now_load-1; i++) {
loaded_object = loaded_object + '<div data-category="'+ addon_options.items[i].category +' " class="blogpost_preview_fw element '+ addon_options.items[i].category +'"><div class="fw_preview_wrapper"><div class="gallery_item_wrapper"><a href="'+ addon_options.items[i].url +'" ><img src="'+ addon_options.items[i].src +'" alt="" class="fw_featured_image" width="540"><div class="gallery_fadder"></div><span class="third_party_'+addon_options.items[i].thirdparty +'"></span><span class="third_party_mobile_'+addon_options.items[i].thirdparty_mobile +'"></span><span class="description_tag"><span class="actual_description">'+ addon_options.items[i].title +'</span></span> <span class="price_tag"><span class="actual_price">€ '+ addon_options.items[i].price +'</a></div><a href="'+ addon_options.items[i].url +'"><div class="grid-port-cont"><h6>'+ addon_options.items[i].title +'</h6><hr class="trennlinie"><span>'+ addon_options.items[i].description +'</span><hr class="trennlinie"><span>Preis: EUR '+ addon_options.items[i].price +'</span> · <span>Ort: '+ addon_options.items[i].postcode +' '+ addon_options.items[i].city +'</span></div></a></div></div></div></div>';
}
$newEls = jQuery(loaded_object);
$container.isotope('insert', $newEls, function() {
$container.isotope('reLayout');
});
}}
});
}
这是我的 php 的一部分:
<?php // load more on default
if($condition == true){
//connect to the database
//-select the database to use
$start1 = 40; // it starts at 40 because 40 items load when page loads
$limit1 = 20;
//-query the database table
$sql="SELECT * FROM table WHERE City LIKE '%".$featured."%' order by id limit $start1,$limit1";
//-run the query against the mysql query function
//-create while loop and loop through result set
//-assign &numrows variable
?>
<script>
items_set = [
{src : '<?php echo $row['imageURL']; ?>',
url : '<?php echo $row['URL']; ?>',
category: '<?php echo $row['DetailCategory']; ?>',
title : '<?php echo $row['Name']; ?>',
description : '<?php echo $row['Description']; ?>',
price : '<?php echo $row['Price']; ?>',
postcode : '<?php echo $row['Postcode']; ?>',
city : '<?php echo $row['City']; ?>',
thirdparty : '<?php echo $row['ThirdParty']; ?>',
thirdparty_mobile : '<?php echo $row['Thirdparty']; ?>'}
];
jQuery('#list').portfolio_addon({
load_count : <?php echo $numrows;?>,
items : items_set
});
</script>
<?php
}}
?>
这是我的第二个问题:我的数据库中正好有 49 个项目(行)。如代码所示,页面加载时已显示其中的 40 个。现在,当我向下滚动页面(触发加载功能)时,只显示 6 个新项目,而应该显示 9 个(我正在使用的查询应该调用所有 49 个)。不知何故,mysql-query 似乎根本没有任何效果。
非常感谢您的帮助!谢谢。
最佳答案
我希望我做对了:
重复加载相同的内容。
我认为这个问题是由于:
loaded_object = loaded_object + 'lots of more content';
在你的循环中。您加载的对象每次都会附加到新内容的前面,然后附加到 dom
你只想要你的:
loaded_object = 'lots of more content';
要加载.. 旧的东西已经在你的 DOM 中了,不需要成为“loaded_object”的一部分
编辑:正如 MarcB 在您的问题下方评论的那样:您的 select 语句也在一遍又一遍地获取相同的数据
关于php - 无限滚动 MySQL PHP jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26912291/
目前我正在构建相当大的网络系统,我需要强大的 SQL 数据库解决方案。我选择 Mysql 而不是 Postgres,因为一些任务需要只读(MyISAM 引擎)而其他任务需要大量写入(InnoDB)。
我在 mysql 中使用如下命令。当它显示表格数据时,它被格式化为一个非常干净的表格,间距均匀且 |作为列分隔符。 SELECT * FROM TABLE_NAME; 当我从 CLI 运行命令时,如下
我知道这个问题之前已经被问过好几次了,我已经解决了很多问题,但到目前为止没有任何效果。 MySQL 试图将自身安装到的目录 (usr/local/mysql) 肯定有问题。关于我的错误的奇怪之处在于我
以下是我的 SQL 数据结构,我正在尝试如下两个查询: Select Wrk_ID, Wrk_LastName, Skill_Desc from Worker, Skill where
我们有一个本地 mysql 服务器(不在公共(public)域上),并希望将该服务器复制到我们拥有的 google 云 sql 实例。我的问题是:1.这可能吗?2.我们的本地服务器只能在本地网络上访问
我有一个表(test_table),其中一些字段值(例如字段 A、B 和 C)是从外部应用程序插入的,还有一个字段(字段 D),我想从现有表(store_table)插入其值,但在插入前者(A、B 和
我想创建一个 AWS RDS 实例,然后使用 terraform 管理数据库用户。因此,首先,我创建了一个 RDS 实例,然后使用创建的 RDS 实例初始化 mysql 提供程序,以进一步将其用于用户
当用户在我的网站上注册时,他们会在我的一个数据库中创建自己的表格。该表存储用户发布的所有帖子。我还想做的是也为他们生成自己的 MySql 用户——该用户仅有权从他们的表中读取、写入和删除。 创建它应该
我有一个关于 ColdFusion 和 Mysql 的问题。我有两个表:PRODUCT 和 PRODUCT_CAT。我想列出包含一些标记为:IS_EXTRANET=1 的特殊产品的类别。所以我写了这个
我想获取 recipes_id 列的值,以获取包含 ingredient_id 的 2,17 和 26 条目的值。 假设 ingredient_id 2 丢失则不获取记录。 我已经尝试过 IN 运算符
在 Ubuntu 中,我通常安装两者,但 MySQL 的客户端和服务器之间有什么区别。 作为奖励,当一个新语句提到它需要 MySQL 5.x 时,它是指客户端、服务器还是两者兼而有之。例如这个链接ht
我重新访问了我的数据库并注意到我有一些 INT 类型的主键。 这还不够独特,所以我想我会有一个指导。 我来自微软 sql 背景,在 ssms 中你可以 选择类型为“uniqeidentifier”并自
我的系统上有 MySQL,我正在尝试确定它是 Oracle MySQL 还是 MySQL。 Oracle MySQL 有区别吗: http://www.oracle.com/us/products/m
我是在生产 MySQL 中运行的应用程序的新维护者。之前的维护者已经离开,留下的文档很少,而且联系不上了。 我面临的问题是执行以下请求大约需要 10 秒: SELECT COUNT(*) FROM `
我有两个位于不同机器上的 MySQL 数据库。我想自动将数据从一台服务器传输到另一台服务器。比方说,我希望每天早上 4:00 进行数据传输。 可以吗?是否有任何 MySQL 内置功能可以让我们做到这一
有什么方法可以使用 jdbc 查询位于 mysql 根目录之外的目录中的 mysql 表,还是必须将它们移动到 mysql 根目录内的数据库文件夹中?我在 Google 上搜索时没有找到任何东西。 最
我在 mysql 数据库中有两个表。成员和 ClassNumbers。两个表都有一个付费年份字段,都有一个代码字段。我想用代码数字表中的值更新成员表中的付费年份,其中成员中的代码与 ClassNumb
情况:我有 2 台服务器,其中一台当前托管一个实时 WordPress 站点,我希望能够将该站点转移到另一台服务器,以防第一台服务器出现故障。传输源文件很容易;传输数据库是我需要弄清楚如何做的。两台服
Phpmyadmin 有一个功能是“复制数据库到”..有没有mysql查询来写这个函数?类似于将 db A 复制到新的 db B。 最佳答案 首先创建复制数据库: CREATE DATABASE du
我有一个使用 mySQL 作为后端的库存软件。我已经在我的计算机上对其进行了测试,并且运行良好。 当我在计算机上安装我的软件时,我必须执行以下步骤: 安装 mySQL 服务器 将用户名指定为“root
我是一名优秀的程序员,十分优秀!