我正在尝试构建一个脚本,当用户向下滚动时,它会显示更多结果。
我插入了一个带有一些值的数组,并插入了一个if语句,它计算每页被允许的值的数量。
<?php
$arr = array(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20);
$i = 0;
$more = 1;
foreach ($arr as $value) {
echo $value;
echo '<br>';
if(++$i > $more*9) break;
}
&GT;
我创建了一个隐藏的输入,它有1个值。
我这样做是因为我想使用JQuery
更改值<script>
$(window).scroll(function () {
if ($(document).height() <= $(window).scrollTop() + $(window).height()) {
//insert +1 to the hidden input value
}
});
</script>
所有代码
<style>
div{ height: 1000px}
</style>
<div>
<form method="POST">
<input type="text" value="1" name="more" />
</form>
<?php
$arr = array(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20);
$i = 0;
$more = $_POST['more'];
foreach ($arr as $value) {
echo $value;
echo '<br>';
if(++$i > $more*9) break;
}
?>
</div>
<script>
$(window).scroll(function () {
if ($(document).height() <= $(window).scrollTop() + $(window).height()) {
alert('<?= $more ?>');
}
});
</script>
输入
<form method="POST">
<input type="hidden" value="1" name="more" />
</form>
但它无法识别隐藏的输入。
答案 0 :(得分:0)
您的代码没有任何hidden
输入类型。隐藏的输入应该是,
<input type="hidden" value="1" />
然后进行递增,
$(window).scroll(function () {
if ($(document).height() <= $(window).scrollTop() + $(window).height()) {
$("input[type='hidden']").val(parseInt($("input[type='hidden']").val()) + 1);
}
});
您应该使用parseInt()
,因为val()
将返回字符串类型。
答案 1 :(得分:0)
在查看任何内容之前,我建议的第一件事是使用post值等查看页面加载到iteelf中的内容。
最简单的方法是使用网络流量调试工具。我用的是Fiddler2,有很多这样的,这个是我的(推荐)。
这意味着您不需要编写任何代码来查看页面所做的事情,您可以从该页面的实际流量中查看它。\ n&#39 ; s请求/响应实例。
然后,如果你有POST值的东西,它实际上是你期望的吗? 如果是,那么它是查看该值的代码,否则是生成它的代码..
希望有所帮助:)