Błąd w konsoli: Uncaught Error: Syntax error, unrecognized expression: #

<ul class="nav navbar-nav menu">
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href='#'>Page 1 <span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li><a href='#'>Page 1-1</a></li>
                    <li><a href='#'>Page 1-2</a></li>
                    <li><a href='#'>Page 1-3</a></li>
                </ul>
            </li>
            <li><a href="#">Page 2</a></li>
            <li><a href="#">Page 3</a></li>
        </ul>

Wyskakuje mi następujący błąd w konsoli: Uncaught Error: Syntax error, unrecognized expression: #
Jest to spowodowane tym, że w hrefie są wpisane znaki #.

Jednak nie wiem jak rozwiązać ten problem.

Czemu ma służyć to href='#'? Powinieneś podać nazwę kotwicy po #.

Jest to kod do rozwijanego menu. Na razie na sztywno wstawiłem # jako adresy. Tutaj bez podania a hrefu:

<a class="dropdown-toggle" data-toggle="dropdown" href='#'>Page 1 <span class="caret"></span></a>

nie będzie pokazanego kursora takiego jaki pokazuje sie po najechaniu na link. I w tym przypadku raczej żadnego adresu nie wpisze. Bo ta linijka kodu to kategoria nadrzędna w menu, która rozwija inne kategorie podrzędne w tym menu.

Ja bym się tym nie przejmował. Ale kursor zawsze możesz ustawić w CSS za pomocą właściwości cursor na dowolnym elemencie