Тэг размножился на странице. Шаблонизатор Blade (Laravel)

Question

у меня есть исходный код для шаблона, что-то похожее:

<div class="panel-box">
    <div class="title">Фильтер</div>
    <ul class="panel left menu-list">
        <form ajax-action="{{ route('search') }}" id="filter-form">
            @foreach($data['features'] as $feature)
            <li>
                <a>
                    <span class="name">{{ $feature->name }}</span>
                    <span class="arrow"></span>

                    <ul class="drop-panel lmenu">
                        <li>
                            <a href="#">{{$feature->slug}}</a>
                        </li>
                    </ul>
                </a>
            </li>
            @endforeach
        </form>
    </ul>
</div>

После открытия страницы в инспекторе обнаруживаю вот такое:

<div class="panel-box">
    <div class="title">Фильтер</div>
    <ul class="panel left menu-list">
        <form ajax-action="http://local.dev.eurolight.com/search" id="filter-form">
            <li class="active">
                <a>
                    <span class="name">Цвет плафона</span>
                    <span class="arrow"></span>
                </a>
                <ul class="drop-panel lmenu">
                    <a></a> <!-- Вот этого не должно быть -->
                    <li>
                        <a></a> <!-- Вот этого не должно быть -->
                        <a href="#">cvet-plafona</a>
                    </li>
                </ul>
            </li>
            <li>
                <a>
                    <span class="name">Кол-во источников света</span>
                    <span class="arrow"></span>
                </a>
                <ul class="drop-panel lmenu">
                    <a></a> <!-- Вот этого не должно быть -->
                    <li>
                        <a></a> <!-- Вот этого не должно быть -->
                        <a href="#">kol-vo-istochnikov-sveta</a>
                    </li>
                </ul>
            </li>
            <li>
                <a>
                    <span class="name">Тип лампочки</span>
                    <span class="arrow"></span>
                </a>
                <ul class="drop-panel lmenu">
                    <a></a> <!-- Вот этого не должно быть -->
                    <li>
                        <a></a> <!-- Вот этого не должно быть -->
                        <a href="#">tip-lampochki</a>
                    </li>
                </ul>                
            </li>
            <li>
                <a>
                    <span class="name">Тип крепления</span>
                    <span class="arrow"></span>
                </a>
                <ul class="drop-panel lmenu">
                    <a></a> <!-- Вот этого не должно быть -->
                    <li>
                        <a></a> <!-- Вот этого не должно быть -->
                        <a href="#">tip-krepleniya</a>
                    </li>
                </ul>
            </li>
        </form>
    </ul>
</div>

Вот у меня и вопрос: с чем это может быть связанным?

Answer 1

Проблема решена! Заключалась она в том, что я немного неправильную структуру сделал. Вот правильная структура. Но я до сих пор не понимаю почему прошлая ломалась?

...
            <form ajax-action="{{ route('search') }}" id="filter-form">
                <div class="panel-box">
                    <div class="title">Фильтер</div>
                    <ul class="panel left menu-list">
                        @foreach($data['features'] as $feature)
                        <li>
                            <a>
                                <span class="name">{{ $feature->name }}</span>
                                <span class="arrow"></span>
                            </a>
                            <ul class="drop-panel lmenu">
                                <li>
                                    <a>a</a>
                                </li>
                            </ul>
                        </li>
                        @endforeach
                    </ul>
                </div>
            </form>
...

БЛОГ НА HUSL

Тэг размножился на странице. Шаблонизатор Blade (Laravel)

Ответы (1 шт):