Jquery multiselect.js所有选项都在移动,无法删除它们

Jquery multiselect.js所有选项都在移动,无法删除它们,jquery,zurb-foundation,multi-select,Jquery,Zurb Foundation,Multi Select,这是小提琴: 在小提琴中,它起作用了,但在我的页面上,当我单击“多重选择”中的任何选项时,所有选项都会移动过来,它不会让我删除任何选项。我确信我的某些配置不正确。另外,我使用的是基础4,jQuery验证器,我希望它不是冲突的。 在标题中: <link href="./multiselect/css/multi-select.css" media="screen" rel="stylesheet" type="text/css"> <script src="./multisele

这是小提琴:

在小提琴中,它起作用了,但在我的页面上,当我单击“多重选择”中的任何选项时,所有选项都会移动过来,它不会让我删除任何选项。我确信我的某些配置不正确。另外,我使用的是基础4,jQuery验证器,我希望它不是冲突的。 在标题中:

<link href="./multiselect/css/multi-select.css" media="screen" rel="stylesheet" type="text/css">
<script src="./multiselect/js/jquery.multi-select.js" type="text/javascript"></script>

HTML:

    <select id="pref" multiple="multiple">
        <option value='1'>Ooga</option>
        <option value='2'>Booga</option>
        <option value='4'>Hubba</option>
        <option value='3'>Bubba</option>
    </select>

奥加
布加
哈巴
布巴

> P>这似乎是与基金会4的定制形式的冲突。当我从表单标签中删除class=“custom”时,它可以正常工作