Move from 2.1.0 jQuery version to jQuery 3.1.0, I'm getting following error "angular.min.js:107 Error: Syntax error, unrecognized expression: #"

We are switching to 3.1.0 jQeury recent version. It was everything working fine earlier version of jQuery 2.1.0.

The version of jQuery 3.1.0 I'm getting issue of selector (#)
Error: Syntax error, unrecognized expression: #

at Function.ga.error (jquery-3.1.0.min.js:2)

at ga.tokenize (jquery-3.1.0.min.js:2)

at ga.select (jquery-3.1.0.min.js:2)

at Function.ga [as find] (jquery-3.1.0.min.js:2)

at r.find (jquery-3.1.0.min.js:2)

at r.fn.init (jquery-3.1.0.min.js:2)

at r (jquery-3.1.0.min.js:2)

at main_tabsCtrl.js:139

at angular.min.js:146

at e (angular.min.js:42)

Snippet of actual code

$scope.test = function(){

//Code for tab switching after refresh

var activeTab = sessionStorage.getItem('activeTab');

var contentId ="";

if(activeTab=='projectTab')

{

contentId = 'firstTab';

}else if(activeTab=='peopleTab')

{

contentId = 'secondTab';

}else if(activeTab=='connectTab')

{

contentId = 'thirdTab';

}else if(activeTab=='expressTab')

{

contentId = 'fourthTab';

}else if(activeTab=='hawkeyeTab')

{

contentId = 'fifthTab';

}

if($("#tabsProjectPple").find("li").length == 0){

$timeout( function(){

$("#tabsProjectPple").find("li").removeClass("active");

$("#"+contentId).addClass("active");

}, 2000);

}

$("#tabsProjectPple").find("li").removeClass("active");

$("#"+contentId).addClass("active");

}

Topic Participants