Browser Link JS error on page load

javascript html visual-studio-2013 web-essentials browser-link
Ryan Blatz picture Ryan Blatz · Nov 1, 2013 · Viewed 7.6k times · Source

Using Visual Studio 2013 RTM and Web Essentials I get the following JavaScript error in Chrome on page load.

Uncaught Error: Syntax error, unrecognized expression: div.main/PhoneIcon.png

My best guess is that it is referring to the following line of html which is near the top of my page.

<div class="main/PhoneIcon.png sprite"></div>

I'm also not able to edit/modify HTML/CSS using Browser Link.

What do I need to do to fix Browser Link?

Answer

Joe Davis picture Joe Davis · Nov 5, 2013

Browser Link tried to create a jQuery selector that would uniquely identify this tag, but it didn't handle the unexpected class name correctly.

You can work around this by adding an ID to the tag. Browser Link would rather use an ID, because it's more likely to be unique. It will ignore the class name if there's a unique ID on the tag.

Or, if you just want Browser Link to get out of the way, you can disable it by unchecking "Enable Browser Link" in the Browser Link menu on the Standard toolbar.

Related questions

How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More
How can I change an element's class with JavaScript?

How can I change the class of an HTML element in response to an onclick or any other events using JavaScript?

Read More
Which "href" value should I use for JavaScript links, "#" or "javascript:void(0)"?

The following are two methods of building a link that has the sole purpose of running JavaScript code. Which is better, in terms of functionality, page load speed, validation purposes, etc.? or function myJsFunc() { alert("myJsFunc"); } <a href="javascript:…

Read More