Question

我需要一个使用Ul li的下拉框。我试过插件：tutorial

问题是，当我点击li元素时，页面不会重定向。

示例：

<div id="dd" class="wrapper-dropdown-3" tabindex="1">
    <span>Transport</span>
    <ul class="dropdown">
        <li><a href="htttp://www.myweb.com/1"><i class="icon-envelope icon-large"></i>Classic mail</a></li>
        <li><a href="htttp://www.myweb.com/2"><i class="icon-truck icon-large"></i>UPS Delivery</a></li>
        <li><a href="htttp://www.myweb.com/1"><i class="icon-plane icon-large"></i>Private jet</a></li>
    </ul>
</div>

但是<a=""...>中的链接无效，没有任何反应，就像演示一样。

Answer 1

根据这个插件，当您进行保管箱选择时，这里会发生魔力：

obj.opts.on('click',function(){
    var opt = $(this);
    obj.val = opt.text();
    obj.index = opt.index();
    obj.placeholder.text(obj.val);
    /* Below is the piece of code you want */
    window.location = obj.opts.find('a').prop('href');
});

Here's a quick jsFiddle I put together使用演示中的样式/脚本。我只是将window.location代码段添加到点击功能中，然后瞧。

Answer 2

如果您从页面复制了源代码，请务必删除页面底部和顶部的所有javascript。这（以某种方式）为我修复了 a 标签问题

Ul li下拉选择框

2 个答案: