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

添加了js和css的

Demo工作正常您可以尝试检查小提琴或尝试将您的代码放入小提琴中。

jQuery：Dropkick插件无法正常工作

3 个答案: