jpages和動態內容無法正常工作

Question

這個問題正在做我的堅果。我有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); 
} 
}); 

我只是不知道爲什麼它不會工作。

在此先感謝 羅布

Answer 1

下面是解決那些你誰可能有這個問題。我花了大約2周的時間來解決這個問題！ 如果您正在動態創建供此插件使用的內容。使用php的strip_tags（）函數。似乎任何HTML或的MSWord（議員）格式將阻止該插件正常工作的解決方案如下片斷.....

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

希望這可以幫助別人。 Rob