jpages и динамический контент не работает
Эта проблема делает мой орех. У меня плагин 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> £<?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 ответ
Вот решение для тех из вас, кто может иметь эту проблему. У меня ушло около 2 недель, чтобы исправить это! Если вы динамически создаете контент для использования с этим плагином. используйте функцию php's strip_tags(). Кажется, что любое форматирование HTML или MSWord(YUK) будет препятствовать тому, чтобы этот плагин работал должным образом фрагмент кода решения ниже.....
<div id="search-description-short">
<?php
echo limit_text(strip_tags($value['description']), 40);
?>
</div>
Надеюсь, это кому-нибудь поможет. обкрадывать