jpages和动态内容不起作用

时间:2014-03-28 11:11:39

标签: php jquery dynamic-content

这个问题正在做我的坚果。我有jpages插件配置好了。我用它来列出网站上的工作。我的问题是我使用php生成的内容来返回结果。有些内容适用于jpages,但只要我添加我的简短描述字段,它就会停止工作。

<ul id="itemContainer">
<?php 
  foreach ($search_res as $value) {  
?>
<li>
<div class="searchlongbox">
<h3 id="search-title"><?php echo "Job title:  " . $value['title'];?></h3>
<div id="search-wrap">
<div class="search-salary"><strong>Salary:</strong> &pound;<?php echo $value['salary'];?></div>
<div class="search-location"><strong>Location:</strong> <?php echo $value['region'];?></div>
</div>
<div id="search-description-short">
<?php 
echo limit_text($value['description'], 40);
?>
</div>
<div id="search-added"><strong>Job Added:</strong> 
<?
php echo date("d-m-Y", strtotime($value['date_added']));
?>
</div>
<?php
$job_id = $value['jobs_id'];
echo "<div class='buttonsleft'><br/><a id='sendmore' class='button'                        href=jobs_details.php?jobId=$job_id>find out more</a>
</div>";
 ?>
</div>
</li>
<?php }?>
</ul>
<!-- navigation holder -->
<div class="holder">
</div>

这里是js

/* initiate the plugin */
$("div.holder").jPages({
containerID  : "itemContainer",
perPage      : 5,
startPage    : 1,
startRange   : 1,
midRange     : 5,
endRange     : 1,
callback : function( pages, items ){
$('html, body').animate({ scrollTop: 0 }, 'slow');
console.log(items); 
}
});

我只是不知道为什么它不会工作。

提前致谢 罗布

1 个答案:

答案 0 :(得分:0)

这是解决那些可能遇到此问题的人的解决方案。我花了大约2个星期的时间来解决这个问题! 如果您要动态创建用于此插件的内容。使用php的strip_tags()函数。似乎任何html或MSWord(YUK)格式化都会阻止此插件在下面正确使用解决方案片段.....

<div id="search-description-short">
<?php 
echo limit_text(strip_tags($value['description']), 40);
?>
</div>

希望这有助于某人。 罗布