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

このプラグインによると、ドロップボックスの選択を行うと、ここで魔法が起こります。

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 に答える