Jquery Conflicts
Permalink 2 users found helpful
I am constantly getting JQuery conflicts, which is making my edit bar disappear. I must use the jQuery, but I also have to edit my site. I am currently using the Tablesorter and the jQuery used here:http://www.vijayjoshi.org/2011/01/03/searching-text-in-a-html-table...
I tried removing the second call for jQuery and it worked at first. Then it seemed to have another conflict. It would display the page with the edit bar, but wouldn't let me click on the block so I can select edit. The dashed border around the block turns black as if it is selected, but I can't bring up the menu that give me the option to edit. This is getting very weird. Must be some sort of terrible bug or something.
You can use the browser developer console (or firebug).
- To see what script error you have caused that is breaking the edit bar.
- You can also inspect the dom elements and css. It could be that the scripts are ok, but that you have a mismatched set of tags (too many opens and not enough closes, or vice- versa), that is throwing the functioning of the edit bar out.
- It could be some css you have added overriding the core css to the same effect.
http://www.concrete5.org/documentation/how-tos/editors/getting-help...
- To see what script error you have caused that is breaking the edit bar.
- You can also inspect the dom elements and css. It could be that the scripts are ok, but that you have a mismatched set of tags (too many opens and not enough closes, or vice- versa), that is throwing the functioning of the edit bar out.
- It could be some css you have added overriding the core css to the same effect.
http://www.concrete5.org/documentation/how-tos/editors/getting-help...
I've had the 'missing edit bar' problem a few times, and each time it requires a different fix. The latest one involved the jquery file.
My colleague actually pinpointed the problem and he thinks that as the jquery file in the 'concrete/js' directory has no version number, it seems to be auto-updating. The version on my site when it was originally built was 1.6.2 but the one on my site after about two years was 1.10. I downgraded the jquery.js file to the one that was in an old backup copy of my site (v1.6.2), and everything worked fine.
It was actually a bit more involved than that actually. When I first noticed the problem I was not getting either the Edit bar when logged into the site, neither was I getting the edit-in-place pop up boxes. I downgraded jquery to 1.8 and this gave me the edit popup boxes, but still no Edit bar (or the other way round, I can't remember). Once I'd downgraded to 1.6.2, everything was OK.
To be clear: the Dashboard was always showing, and the Edit bar was showing on the Dashboard, but as soon as I entered the site, there was an 80pixel gap at the top of each page - the space where the Edit bar would normally appear.
Can it be true that the jquery file auto-updates, or is it perhaps being updated when I install a new plugin?
Another, unrelated, reason for not getting the Edit bar is an incorrect DIR_REL path in the site.php file, but this won't be a problem for anyone who is paying proper attention when editing that file :)
I hope this is of help to someone in the same situation I was in.
My colleague actually pinpointed the problem and he thinks that as the jquery file in the 'concrete/js' directory has no version number, it seems to be auto-updating. The version on my site when it was originally built was 1.6.2 but the one on my site after about two years was 1.10. I downgraded the jquery.js file to the one that was in an old backup copy of my site (v1.6.2), and everything worked fine.
It was actually a bit more involved than that actually. When I first noticed the problem I was not getting either the Edit bar when logged into the site, neither was I getting the edit-in-place pop up boxes. I downgraded jquery to 1.8 and this gave me the edit popup boxes, but still no Edit bar (or the other way round, I can't remember). Once I'd downgraded to 1.6.2, everything was OK.
To be clear: the Dashboard was always showing, and the Edit bar was showing on the Dashboard, but as soon as I entered the site, there was an 80pixel gap at the top of each page - the space where the Edit bar would normally appear.
Can it be true that the jquery file auto-updates, or is it perhaps being updated when I install a new plugin?
Another, unrelated, reason for not getting the Edit bar is an incorrect DIR_REL path in the site.php file, but this won't be a problem for anyone who is paying proper attention when editing that file :)
I hope this is of help to someone in the same situation I was in.
Is it multiple jquery libraries loaded? Or is it a conflict with an event handler?
If the former, you should load only 1 jquery library, using the latest version -- that should address your requirement.