Strange jQuery conflict
Permalink
I have a jQuery timeliner slide show that is working well on a test page.
I have moved this to the front page with all the associated script calls etc in header.php.
Now when I go to edit the home page it goes into edit mode but all the enclosing dotted lines are black and nothing happens when you click them. All the editable areas are there, but you cant edit them.
The weirdest thing is that the original test page is fine and is perfectly editable. It is all the other pages that have lost their editability. If I delete the scripts from the header all the editability comes back, so it is definitely a conflict somewhere.
Any ideas?
Nigel
I have moved this to the front page with all the associated script calls etc in header.php.
Now when I go to edit the home page it goes into edit mode but all the enclosing dotted lines are black and nothing happens when you click them. All the editable areas are there, but you cant edit them.
The weirdest thing is that the original test page is fine and is perfectly editable. It is all the other pages that have lost their editability. If I delete the scripts from the header all the editability comes back, so it is definitely a conflict somewhere.
Any ideas?
Nigel
My money would be on there being a javascript conflict with something else that is only loaded on that page.
You might want to look at css in the developer console as as well as javascript conflicts. An outside possibility is that the script is working, but that something in the css is conflicting.
You could also check id= in the dom. A duplicate id could throw the javascript or css out.
You might want to look at css in the developer console as as well as javascript conflicts. An outside possibility is that the script is working, but that something in the css is conflicting.
You could also check id= in the dom. A duplicate id could throw the javascript or css out.
Thanks Guys, yep it was indeed a strange conflict because of the way I built the website. I built this site over a year ago and I can see best practice was NOT followed.
Nevertheless I have found a solution by calling the time line css in the header and the site css in the page itself. Terrible I know but its fixed it.
Nige
Nevertheless I have found a solution by calling the time line css in the header and the site css in the page itself. Terrible I know but its fixed it.
Nige
Citytech