Javascript list.js на этот код php

Question

Мне нравится этот скрипт list.js от www.listjs.com. Кажется, он идеально подходит для поиска и фильтрации вывода файла php ниже, но я просто могу заставить его работать, мне нужно добавить только 7 строк кода, но он не работает. Может ли кто-нибудь сказать мне, как получилось? Благодаря

код, который я добавил подсвечивается

<?php 
defined('_JEXEC') or die(); 
?> 
**<script type="text/javascript" src="list.js"></script>** 
<form action="<?php echo CRoute::getURI(); ?>" method="post" id="jomsForm" name="jomsForm" class="community-form-validate"> 
<div class="jsProfileType" **id="jsProfileType"**> 
    **<input class="search" placeholder="Search" /> 
     <button class="sort" data-sort="label"> 
      Sort 
     </button>** 
    <ul class="unstyled"> 
    <?php 
     foreach($profileTypes as $profile) 
     { 
    ?> 
     <li class="space-12"> 

      <label for="profile-<?php echo $profile->id;?>" class="radio"> 
       <input id="profile-<?php echo $profile->id;?>" type="radio" value="<?php echo $profile->id;?>" name="profileType" <?php echo $default == $profile->id ? ' disabled CHECKED' :'';?> /> 
       <strong class="bold"><?php echo $profile->name;?></strong> 
      </label> 
      <?php if($profile->approvals){?> 
       <span class="help-block"><?php echo JText::_('COM_COMMUNITY_REQUIRE_APPROVAL');?></span> 
      <?php } ?> 

      <span class="help-block"> 
       <?php 
        $profile->description = JHTML::_('content.prepare',$profile->description); 
        echo $profile->description;?> 
      </span> 

      <?php if($default == $profile->id){?> 
        <em><?php echo JText::_('COM_COMMUNITY_ALREADY_USING_THIS_PROFILE_TYPE');?></em> 
      <?php } ?> 



     </li> 
    <?php 
     } 
    ?> 
    </ul> 
</div> 
<?php if((count($profileTypes) == 1 && $profileTypes[0]->id != $default) || count($profileTypes) > 1){?> 
<div style="margin-top: 5px;"> 
    <?php if($showNotice){ ?> 
    <span style="color: red;font-weight:700;"><?php echo JText::_('COM_COMMUNITY_NOTE');?>:</span> 
    <span><?php echo $message;?></span> 
    <?php } ?> 
</div> 
**<script> 
var options = { 
    list: "space-12" 
}; 
var userList = new List('jsProfileType', options); 
</script>** 
<table class="ccontentTable paramlist" cellspacing="1" cellpadding="0"> 
    <tbody> 
    <tr> 
     <td class="paramlist_key" style="text-align:left"> 
      <div id="cwin-wait" style="display:none;"></div> 
      <input class="btn btn-primary validateSubmit" type="submit" id="btnSubmit" value="<?php echo JText::_('COM_COMMUNITY_NEXT'); ?>" name="submit"> 
     </td> 
     <td class="paramlist_value"> 

     </td> 
    </tr> 
</tbody> 
</table> 
<?php } ?> 
<input type="hidden" name="id" value="0" /> 
<input type="hidden" name="gid" value="0" /> 
<input type="hidden" id="authenticate" name="authenticate" value="0" /> 
<input type="hidden" id="authkey" name="authkey" value="" /> 
</form> 

Answer 1

Я не знаю PHP, но я видел эту ошибку раньше, когда я использовал list.js в моем собственном проекте. Оказалось, что я не определил вещи должным образом.

Вы установили div с правильным идентификатором, но вам, похоже, не хватает класса «список». Попробуйте изменить

<ul class="unstyled"> 

в

<ul class="list"> 

Во-вторых, я не думаю, что «список» поддерживается ключевое слово в настройках (по крайней мере, не в самой последней версии list.js). Попробуйте изменить определение параметров для

var options = { 
    valueNames: [ 'space-12' ] 
}; 

В-третьих, если вы хотите найти работу Смените

<button class="sort" data-sort="label"> 

в

<button class="sort" data-sort="space-12">