Recently whilst trying to use the Zurb Foundation Abide validation component I ran into an issue where I was getting a bizarre error involving form validation.
The error message might vary, but it’ll look similar to this: Error: Syntax error, unrecognized expression: [data-‘Times New Roman’-abide]
The issue stems from the fact Foundation utilises an internal namespace. All you have to do is set the namespace to be blank and everything appears to start working:
Foundation.global.namespace = '';
$(document).foundation();
That one line above the jQuery.foundation() call will force the namespace to be blank and Foundation won’t try setting it. Problem solved.
Hi, man! Thanks for the post. You made my day!
Nice one, man! Thanks for the hint, it works like a charm.
Thanks a lot for posting this! I was getting reports for this JS error and had no idea where it was coming from.