1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Href not working

Babak Nabiee pro asked 9 years ago

Hi, Try to use the href to navigate betwen pages and i get: jquery-2.2.3.js:1468 Uncaught Error: Syntax error, unrecognized expression: /Home/# Could you please let me know what is the issue? as soon as i remove the mdb.js it works. following is the error: jquery-2.2.3.js:1468 Uncaught Error: Syntax error, unrecognized expression: /Home/#Sizzle.error @ jquery-2.2.3.js:1468Sizzle.tokenize @ jquery-2.2.3.js:2125Sizzle.select @ jquery-2.2.3.js:2546Sizzle @ jquery-2.2.3.js:869find @ jquery-2.2.3.js:2792jQuery.fn.init @ jquery-2.2.3.js:2909jQuery @ jquery-2.2.3.js:75(anonymous function) @ mdb.js:5739dispatch @ jquery-2.2.3.js:4737elemData.handle @ jquery-2.2.3.js:4549 jquery-2.2.3.js:1468 Uncaught Error: Syntax error, unrecognized expression: /Home/#doberman-pinscherSizzle.error @ jquery-2.2.3.js:1468Sizzle.tokenize @ jquery-2.2.3.js:2125Sizzle.select @ jquery-2.2.3.js:2546Sizzle @ jquery-2.2.3.js:869find @ jquery-2.2.3.js:2792jQuery.fn.init @ jquery-2.2.3.js:2909jQuery @ jquery-2.2.3.js:75(anonymous function) @ mdb.js:5739dispatch @ jquery-2.2.3.js:4737elemData.handle @ jquery-2.2.3.js:4549

Magdalena Obalska free answered 8 years ago

Hi, it's possible, just add it to the <li> instead of <ul> tag.

michaelberry pro commented 8 years ago

Thanks for the tip! I followed your advice and added the smooth-scroll class to each of the tags and everything started working again!

depicturevis pro answered 8 years ago

Seems like smooth-scroll was causing the problem. Is it not possible to use both smooth scroll and hrefs together?

depicturevis pro answered 8 years ago

Hi, I am having the same problem. The code is this: 
        <nav class="navbar fixed-top navbar-toggleable-md navbar-dark scrolling-navbar">
            <div class="container">
                <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <a class="navbar-brand logo" href="#">
                    <img  class="logosvg" src="imglogotest1.svg">
                </a>
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="nav navbar-nav smooth-scroll mr-auto">
                        <li class="nav-item">
                            <a class="nav-link waves-effect waves-light texthighlight" href="#best-features">Depicture</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link waves-effect waves-light" href="index_1_3.html/">Portfolio</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link waves-effect waves-light" href="#testimonials">Testimonials</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link waves-effect waves-light" href="#contact">Contact</a>
                        </li>
                        <li class="nav-item active">
                            <a class="nav-link waves-effect waves-light" href="#contact">Blog</a>
                        </li>
                    </ul>
                     <!--/SOCIAL ICONS
                    <ul class="navbar-nav nav-flex-icons">
                        <li class="nav-item">
                            <a class="nav-link"><i class="fa fa-facebook"></i></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link"><i class="fa fa-twitter"></i></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link"><i class="fa fa-instagram"></i></a>
                        </li>
                    </ul>
-->
                </div>
            </div>
        </nav>

Bartłomiej Malanowski staff answered 9 years ago

How do you get this error? Can you share your code?
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Specification of the issue
  • ForumUser: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags
About author
Babak Nabiee
Pro User 2Support score
2Questions 0Answers 1Snippets