0

ulに表示される各テンプレートのサブメニューを出力しているので、django-cmsを使用しています。ただし、サイトをレスポンシブにしているので、選択ドロップダウン内でコンテンツを出力できるようにしたいと考えています。ここにドキュメントがあります- http://django-cms.readthedocs.org/en/latest/getting_started/navigation.html#show-sub-menuカスタムテンプレートの使用について言及していますが、実際にそれを行う必要はありません。

サブメニューを次のように出力したいと思います。

<select>
<option> Home </option>

</select>

それよりも..

<ul>
<li> Home </li>
</ul>

どんな助けでも大歓迎です！

4

2 に答える 2

2

あなた自身が言ったように、ドキュメントではカスタム テンプレートを使用するように指示されています。これはまさにこの場合にすべきことです。

<select>
    {% show_sub_menu 1 "option_menu.html" %}
</select>

次に、「option_menu.html」で:

{% for child in children %}
    <option>{{ child.get_menu_title }}</option>
{% endfor %}

これはサブメニューの 1 つのレベルのみを表示することに注意してください。詳細については、確認{% if child.children %}し、そうであればTrue、あなたのケースで最善と思われることを行ってください。

于 2013-08-30T09:20:42.513 に答える
-1

お返事をありがとうございます。私は実際にいくつかのJSを使用してそれを行うことができました。<li>タグをここに変換し<option>たコードは次のとおりです。

<script type="text/javascript">
            $(document).ready(function(){
                $('.subnav').each(function() {
                    $(this).find('a').each(function() {
                            var $option = $('<option />');
                            $option.attr('value', $(this).attr('href')).html($(this).html());
                            $("#mobileNav").append($option);
                    });
                });
                $("#mobileNav").change(function(){
                    window.location.href = $(this).val();
                });
            });
        </script>

はるかにクリーンなソリューションを今すぐ試してみますが、上記のコードは将来他の人にとって便利になる可能性があります。

再度、感謝します！

于 2013-08-30T11:24:26.273 に答える