将Javascript list.js添加到此php代码

我喜欢这个脚本list.js。它似乎非常适合搜索和过滤下面的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>

****
/>



:
**
变量选项={
清单：“空间-12”
};
var userList=新列表（'jsProfileType'，选项）；
**
我不知道PHP，但我以前在自己的项目中使用list.js时看到过这个错误。结果我没有正确地定义事物

您确实使用正确的id设置了一个
div
，但似乎缺少一个“list”类。试着改变

<ul class="unstyled">

第三，如果你想改变搜索工作

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



到


怎么了？你有错误吗？你必须包括细节。事实上，包含一个fiddle（）来演示您的问题是很常见的（也是建议的）。你的问题可能不会像现在这样得到太多帮助。你的浏览器调试工具中出现了什么错误（如果有的话）？很抱歉，正如你所看到的，我对这个网站还是非常陌生的，我得到了以下错误Uncaught TypeError：无法读取未定义列表的属性'childNodes'。js:1183 tagged@cremppOk，这是一个开始，我们离这个问题越来越近了。您发布的错误表明正在从未定义的对象请求名为childNodes的属性。然而，这在第1183行的list.js中。我真的认为你必须在JSFIDLE上发布这个。对于1k+行javascript文件，没有其他方法可以提供帮助。我以前从来都不知道JSFIDLE，现在，我将定义它并尝试一下。javascript文件非常流行，list.js来自，并且已经使用多年，所以我真的怀疑这就是我试图使用它和声明变量的方式。我会继续尝试，无论是在这里还是在JSFIDLE上，还是在我能找到的任何其他地方，因为我需要它尽快工作。顺便问一下，你认为我的列表是使用php填充的，而不是使用普通文本填充的这一事实可能是问题所在吗？taged@user2910265非常感谢你的建议，我今天一定会试试，晚上回来（从1800小时+3格林威治时间）。谢谢
var options = {
    valueNames: [ 'space-12' ]
};

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

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