0

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

问题是当我点击 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=""...>不起作用，什么都没有发生，就像在演示中一样。

4

2 回答 2

1

根据这个插件，当您进行 Dropbox 选择时，魔法就会发生在这里：

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');
});

这是我使用演示中的样式/脚本放在一起的快速 jsFiddle 。我只是将该window.location片段添加到点击函数中，瞧。

于 2013-02-28T21:57:44.333 回答
0

如果您从页面复制源代码，请务必删除页面最底部和最顶部的所有 javascript。这（不知何故）为我解决了标签问题

于 2013-02-28T22:11:58.347 回答