Problem with jQuery 3.x and Tab Control #913

Open
Bootscreen opened this Issue Jan 23, 2017 · 6 comments

Projects

None yet

2 participants

@Bootscreen

Hello,

currently i'm updating my project. within this process i update my jquery lib from 2.2.4 to 3.1.1. But noiw i have the problem that my tab control doesn't work any more correctly. i can open the different tabs, but the old tabs doesn't disappear (when i click on 3 different tabs i see all 3 tabs instead of the last clicked).

can anyone help me?

Greetings Bootscreen

@olton
Owner
olton commented Jan 23, 2017

create pen on codepen.io with your problem

@Bootscreen
Bootscreen commented Jan 23, 2017 edited

i removed all sensible data and this is the result: http://codepen.io/anon/pen/dNROpq

in the firebug console i found this:

Syntax error, unrecognized expression: #

Sizzle</Sizzle.error@https://code.jquery.com/jquery-3.1.1.js:1586:8
Sizzle</Sizzle.tokenize@https://code.jquery.com/jquery-3.1.1.js:2238:4
Sizzle</Sizzle.select@https://code.jquery.com/jquery-3.1.1.js:2665:20
Sizzle@https://code.jquery.com/jquery-3.1.1.js:890:9
.find@https://code.jquery.com/jquery-3.1.1.js:2921:4
jQuery.fn.init@https://code.jquery.com/jquery-3.1.1.js:3031:14
jQuery@https://code.jquery.com/jquery-3.1.1.js:98:10
._create/<@http://service.cynfo.com/js/metro.js:8912:103
.each@https://code.jquery.com/jquery-3.1.1.js:368:10
._create@http://service.cynfo.com/js/metro.js:8911:13
$.widget/</proxiedPrototype[prop]</<@http://service.cynfo.com/js/metro.js:519:31
$.Widget.prototype._createWidget@http://service.cynfo.com/js/metro.js:690:9
$.widget/$[namespace][name]@http://service.cynfo.com/js/metro.js:480:13
$.widget.bridge/$.fn[name]/<@http://service.cynfo.com/js/metro.js:635:44
.each@https://code.jquery.com/jquery-3.1.1.js:368:10
jQuery.prototype.each@https://code.jquery.com/jquery-3.1.1.js:157:10
$.widget.bridge/$.fn[name]@http://service.cynfo.com/js/metro.js:627:13
$.Metro.initWidgets/</<@http://service.cynfo.com/js/metro.js:979:25
$.Metro.initWidgets/<@http://service.cynfo.com/js/metro.js:975:13
.each@https://code.jquery.com/jquery-3.1.1.js:368:10
$.Metro.initWidgets@http://service.cynfo.com/js/metro.js:972:9
$.Metro.init/observerCallback/<@http://service.cynfo.com/js/metro.js:1065:29
$.Metro.init/observerCallback@http://service.cynfo.com/js/metro.js:1042:13

metro.js (Zeile 984)

my metro version is 3.0.17

@olton
Owner
olton commented Jan 23, 2017

please, create correct pen with linked jquery and metro ui

@Bootscreen

oh, sorry. i've never used codepen before. now here is the correct:
The working one iwth jquery 2.2.4: http://codepen.io/anon/pen/dNROpq
And the not working one with 3.1.1: http://codepen.io/anon/pen/ggRLeO

@olton
Owner
olton commented Jan 23, 2017 edited

your problem in this tab <li><a href="#" class="hidden"></a></li>. Remove it and check.

@Bootscreen

thanks, it works =)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment