jQuery：Dropkick 插件无法正常工作

Question

我正在尝试实现很棒的Dropkick jQuery plugin，但由于某种原因，当我单击任何按钮时，列表不会展开。我似乎无法找到可能与脚本发生冲突 (?) 的内容。

jQuery:

$('.list').dropkick();

HTML：

<select id="min-price" class="list">
    <option selected="" value="0">Min pris (€/$)</option>
    <option value="50000">50.000</option>
    <option value="75000">75.000</option>
    <option value="100000">100.000</option>
    <option value="125000">125.000</option>
    <option value="150000">150.000</option>
    <option value="175000">175.000</option>
    <option value="200000">200.000</option>
    <option value="225000">225.000</option>
    <option value="250000">250.000</option>
</select>
<select id="max-price" class="list">
    <option selected="" value="">Max pris (€/$)</option>
    <option value="50000">50.000</option>
    <option value="75000">75.000</option>
    <option value="100000">100.000</option>
    <option value="125000">125.000</option>
    <option value="150000">150.000</option>
    <option value="175000">175.000</option>
    <option value="200000">200.000</option>
    <option value="225000">225.000</option>
    <option value="">250.000+</option>
</select>
<select id="min-rooms" class="list">
    <option selected="" value="">Rum (min)</option>
    <option value="1">1 rum</option>
    <option value="2">2 rum</option>
    <option value="3">3 rum</option>
    <option value="4">4 rum</option>
    <option value="5">5 rum</option>
    <option value="6">6 rum</option>
    <option value="7">7 rum</option>
    <option value="8">8 rum</option>
    <option value="9">9 rum</option>
    <option value="10">10 rum</option>
    <option value="11">11 rum</option>
    <option value="12">12 rum</option>
    <option value="13">13 rum</option>
    <option value="14">14 rum</option>
</select>
<select id="min-yta" class="list">
    <option selected="" value="">Yta (min)</option>
    <option value="0" selected="selected">0 kvm</option>
    <option value="10">10 kvm</option>
    <option value="20">20 kvm</option>
    <option value="30">30 kvm</option>
    <option value="40">40 kvm</option>
    <option value="50">50 kvm</option>
    <option value="60">60 kvm</option>
    <option value="70">70 kvm</option>
    <option value="80">80 kvm</option>
    <option value="90">90 kvm</option>
    <option value="100">100 kvm</option>
    <option value="110">110 kvm</option>
    <option value="120">120 kvm</option>
    <option value="130">130 kvm</option>
    <option value="140">140 kvm</option>
    <option value="150">150 kvm</option>
    <option value="160">160 kvm</option>
    <option value="170">170 kvm</option>
    <option value="180">180 kvm</option>
    <option value="190">190 kvm</option>
    <option value="200">200 kvm</option>
    <option value="210">210 kvm</option>
    <option value="220">220 kvm</option>
    <option value="230">230 kvm</option>
    <option value="240">240 kvm</option>
    <option value="250">250 kvm</option>
    <option value="260">260 kvm</option>
    <option value="270">270 kvm</option>
    <option value="280">280 kvm</option>
    <option value="290">290 kvm</option>
    <option value="300">300 kvm</option>
    <option value="310">310 kvm</option>
    <option value="320">320 kvm</option>
    <option value="330">330 kvm</option>
    <option value="340">340 kvm</option>
    <option value="350">350 kvm</option>
    <option value="360">360 kvm</option>
    <option value="370">370 kvm</option>
    <option value="380">380 kvm</option>
    <option value="390">390 kvm</option>
    <option value="400">400 kvm</option>
    <option value="410">410 kvm</option>
    <option value="420">420 kvm</option>
    <option value="430">430 kvm</option>
    <option value="440">440 kvm</option>
    <option value="450">450 kvm</option>
    <option value="460">460 kvm</option>
    <option value="470">470 kvm</option>
    <option value="480">480 kvm</option>
    <option value="490">490 kvm</option>
</select>

如果有人能指出我正确的方向，将不胜感激。

Answer 1

如果您阅读 DropKick 插件主页上的文档，您将看到以下内容：

name 属性是唯一需要的。

您需要在select 列表中添加名称属性

Answer 2

您应该使用诸如Firebug 和Web Developer bar 之类的工具来调试您的应用程序，并在您的代码中找出问题所在。

你检查过你的 JS 路径是否正确吗？尝试查看页面的源代码，并访问脚本标签的 src。

Answer 3

Demo 添加了 js 和 css 可以正常工作。
您可以尝试检查 fiddle 或尝试将代码放入 fiddle。