1

800px 未満の選択リストに変更されるナビゲーションを備えたレスポンシブ Web サイトがあります。私が使用しているコードは、どのページにもリンクしていません。元のリンクが失われています。それを機能させるには何を追加する必要がありますか?? 助けてくれてありがとう。

var options = '<option selected>Navigate to...</option>';
$('nav').find('a').each(function () {
var text = $(this).text(),
    depth = $(this).parent().parents('ul').length,
    depthChar = '',
    i = 1;
for (i; i < depth; i++) { depthChar += '&#8627;&nbsp;'; }
options += '<option>' + depthChar + text + '</option>';
});
$('<select />').append(options).appendTo('nav');
4

1 に答える 1

0

select オプションをリンクにリダイレクトさせたい場合は、最初に link タグから href を保存する必要があります:link = $(this).attr('href')そして、それをオプションの値に設定します:options += '<option value="' + link +'">' + depthChar + text + '</option>';

select change イベントでそのリンクにアクセスし、ウィンドウ リダイレクトを設定できるようになりました。

$('select').change(function() {
    window.location.href = $(this).find("option:selected").val();
});

これをまとめた例を次に示します: https://output.jsbin.com/zodepedive/

要素をタグで選択するのではなく、要素を選択するために ID またはクラスを使用して、ページ上のすべての要素に対してこれを行わないようにすることをお勧めします。

于 2015-10-11T21:07:16.797 に答える