Posted 1 year ago #
So all of a sudden I noticed that my jQuery Collapse-O-Matic plugin is not working correctly on my pages. This problem only happens in IE9. Firefox and Safari are ok.
The funny thing is that in IE9 it works fine when I change it to Compatibility View.
This is just one of the pages it is happening on:
http://unofficialambassadors.com/aboutus/advisory-board/
I haven't changed or upgraded any major plugin. Ideas?
http://wordpress.org/extend/plugins/jquery-collapse-o-matic/
@laguilar79: Ugg. Before troubleshooting any IE issues we first have to make sure the scotch is well stocked. Sorry to hear you are having a problem. We will try to check out your site in the next day with a borrowed IE browser and see where the problem is coming from. In the mean time, have you checked your javascript console for any errors?
Also, you say it just happend all of a sudden. Did anything else on your page change? Add/update a theme, plugin or the IE browser itself?
-Baden
Posted 1 year ago #
Aha! I updated my theme about three days ago. It may be conflicting with the plugin now.
As far as checking the javascript console for errors. Sorry for being dense but do you know where I can find that?
Posted 1 year ago #
Ok, I did some more research. Happy to say that it is NOT the theme. I downgraded back to an older version and still had the problem in IE9.
I also, turned off all the plugins except for jQuery Collapse-O-Matic and still had the problem. Still a little at a loss.
It works fine when I turn on Compatibility View but ONLY when I do that. It also works fine when I am using the Developer Tools in IE9 and switch the mode to IE8.
Would like to know where I can check the Javascript Console for Errors.
Anyone have any idea how?
Posted 1 year ago #
Got it working!
I was basically styling the [expand title="Trigger Text"] in Italics. So it was looking like this:
<em>[expand title="Trigger Text"]</em>
Now the above works with Firefox (it italicizes the "Trigger Text" and also the dropdown works) but it is not working in IE9. When I remove the tag surrounding the [expand title="Trigger Text"] the dropdown finally works in IE9. In IE8 I had no problem.
So if you want to style it correctly you need to add a class to the "style.css" of the plugin. For example I created a class called "trigger_bold."
Then add it to the shortcode:
[expand title="Trigger Text" trigclass="trigger_bold"]
Works great in both now!
Posted 1 year ago #
I'm having the IE9 problem too, here.
Posted 1 year ago #
Doesn't seem that your enclosing the information in the correct shortcodes. Make sure that you are. You can use this page for reference.
Posted 1 year ago #
I think I am, but I could be missing something. Mind taking a look? Here's the code.
Posted 1 year ago #
Can you post the code you used in your page so I can take a look?
Posted 1 year ago #
I tried to post the code, but it must be too long, it wouldn't take it. Here's a link to it.
Posted 1 year ago #
I've cleaned up your code a bit. The basic problem is where you are putting the [/expand] close tags for each menu and submenu. Take a look below and model the rest of your code in the same fashion:
[72 lines of code moderated as per the Forum Rules. The maximum number of lines of code that you can post in these forums is ten lines. Please use the pastebin]
This topic has been closed to new replies.
