joomla中的jquery-ias不起作用

时间:2014-11-20 06:04:53

标签: php jquery css joomla pagination

我在joomla 3中使用这样的PHP代码发表了一篇文章:

<?php
include(config.php);
$limit = 10; #item per page
# db connect
$link = mysql_connect(DB_HOST, DB_USER, DB_PASS) or die('Could not connect to MySQL DB ') .         mysql_error();
$db = mysql_select_db(DB_NAME, $link); 

$page = (int) (!isset($_GET['p'])) ? 1 : $_GET['p'];
# sql query
 $sql = "SELECT * FROM actor_info ORDER BY id DESC";
# find out query stat point
$start = ($page * $limit) - $limit;
# query for page navigation
if( mysql_num_rows(mysql_query($sql)) > ($page * $limit) ){
$next = ++$page;
}
 $query = mysql_query( $sql . " LIMIT {$start}, {$limit}");
if (mysql_num_rows($query) < 1) {
header('HTTP/1.0 404 Not Found');
echo 'Page not found!';
exit();
}
?>

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="http://localhost/test/js/js/jquery-ias.min.js"></script>

<script type="text/javascript">
 $(document).ready(function() {
// Infinite Ajax Scroll configuration
jQuery.ias({
container : '#content', // main container where data goes to append
item: ".post",
pagination: "#content .navigation a",
next: ".next-posts a",
loader: '<img src="css/ajax-loader.gif"/>', // loading gif
triggerPageThreshold: 3 // show load more if scroll more than this
 });
});
</script>
</head>
<body>
<div class="wrap">
<h1><a href="#">Data load while scroll</a></h1>

 <!-- loop row data -->
<?php while ($row = mysql_fetch_array($query)): ?>
<div class="item" id="item-<?php echo $row['id']?>">
<h2>
<span class="num"><?php echo $row['id']?></span>
<span class="name"><?php echo $row['first_name'].' '.$row['last_name']?></span>
</h2>
<p><?php echo $row['film_info']?></p>
</div>
<?php endwhile?>

<!--page navigation-->
<?php if (isset($next)): ?>
<div class="nav">
 <div class="next-posts"><a href='test?p=<?php echo $next?>'>Next</a></div>
 </div>
<?php endif?>
 </div><!--.wrap-->
 </body>
</html>

现在它为来自数据库的反向数据感到震惊,但是当我想要确定它停止的滚动效果时......所以它似乎是一个链接&#34; NEXT&#34;带我到下一页/测试?p = 2和更多

我该如何解决?

我把这段代码放在一篇名为SOURCERER

的插件中

1 个答案:

答案 0 :(得分:1)

你做错了。

混合代码和内容是不好的做法。但是在你的文章中混合旧学校的php简直就是坚果。

你试图反对框架而不是它。你使你的生活变得悲惨,你的代码丑陋且无法维护,你的网站容易受到攻击。每天你坚持这种方法,一只小猫死了。

所以你想要无限滚动?非常好。您的代码可以工作,我不熟悉IAS,但您需要将其移动到其他位置(并且您需要迁移mysql_connect语句 - 您希望使用JDatabase)并更改初始化:

<script type="text/javascript">
 $(document).ready(function() {

<script type="text/javascript">
 jQuery(document).ready(function() {

您的代码应该放在哪里?如果需要为每个要无限滚动的页面重新调用它,您有几个选项:

  • 模板覆盖
  • 内容插件
  • 模块
  • 您可以调用的专用控制器
  • 以上的组合(即初始调用的模板覆盖或模块,下一页结果的控制器)

可能一个模块可能是最容易的地方。您的模块将放置在文章内容正下方的位置,并在初始加载后,通过参数确定请求是否是第二页的请求,并仅返回其标记(通过尽快终止joomla处理)它命中模块)