jQuery Roundrr plugin IE issue - javascript

I'm having issues getting jQuery Roundrr plugin work in Internet Explorer.
The page is at http://wppundits.com/cosvi/ and is working properly in Chrome and FF.
As you can see the 4 circles rotate in elliptical path when clicked, However in IE its not working and not showing any error either.
I guess it could be something to do with the z-index !!??
(I have made custom changes to the original jQuery Roundrr plugin.)
Thanks

Related

AngularJS Ghosting in IE

Got a problem with an app wrote in AngularJS. Seems that in Internet Explorer I get ghosting of elements or elements not rendering correctly however in Firefox and Chrome it works perfectly. I updated AngularJS to 1.5.9 to see if it fixed any issues but however it doesn't. I've included an image of the issue below. If I resize the IE window then it redraws the elements and looks like the second picture. As mentioned this is only present in IE. Has anyone come across this before and knows how to fix it?
The issue
What it should look like and does after resizing the window

Latest chrome update causing bug in website layout, need help to solve the issue

A website template of mine was working fine in the previous version of chrome.
But after the new update of chrome, my template is not working properly, and it works properly in every other browser....
Link to the page is:
http://nas.musemaster.net/tayn/#resume
Link to image (the error):
http://nomansamejo.com/layout.png
The scroll is not working properly in the chrome, something white appears on the content, and only redraw some of the elements...

error in Chrome when displaying inline-block li elements

I'm pretty new to web-coding and in my attempt to create jQuery based menu bars complete with dropdowns I have stumbled upon some vast differences between broswers. Below you can see that while FF and Safari are the same, IE is actually behaving and Opera is ok-ish, Chrome gets it totally wrong. As far as I can tell I have all the latest versions.
I removed the code from here and pasted it in: (doesn't want to let me link properly) so: jsfiddle.net/2hCR2/
Just in case, support for older versions of IE (6-7) is not required.
Right now I'm mostly concerned with the positioning aspect. Any assistance is much appreciated!
****EDIT:** After continuing to play with the chrome developer tools I realized that when I manually set the 1st list (pants/t-shirt) to display:block it displays as expected (exactly like FF and Safari in the image) so it appears that this is more of a javascript/jQuery issue not updating the DOM correctly(?). I also noticed that when I put the code is JSFiddle and ran the script in Chrome it produced the same error, but when I ran JSFiddle in FF (exact same fiddle link) it renders correctly.
It does not happen in Chrome Canary (version 24) but it does in stable (version 22). Apparently it is a bug which has been fixed.
You can either wait a month or two so that all Chrome users get the fix, or just use .show() instead of .show(0).

IE9 and modernizr 2.6.1, dropdownlist does not open

Dropdownlist on my MVC4 application using modernizr 2.6.1 running on IE9 shows unexpected behavior. It works fine on FF and Chrome. It also works when modernizr 2.6.1 is unreferenced.
The problem is that when a page loads up some of dropdownlists open up by clicking on them, they also accept keyboard inputs but some of them don't accept inputs(mouse and keyboard) at all. But after few random clicks, some of them start working when they get and loss focus few times.
How do i troubleshoot this problem?
Edit
It is confirmed that something is wrong with modernizr, i removed all the scripts except modernizr and the problem is there and the problem is gone when just modernizr is removed.
I have a simalar problem with IE, Modernizr och jQuery UI Slider element. Works in Firefox, but not in IE. If I remove Modernizr, it works in IE as well.
Modernizr does not work with IE, simple !!!

This code works fine in Chrome, Firefox but not in IE

I'm trying to make a jquery tooltip that appears when a user mouses over a link. In my case the link is using display:block style so that it covers a large area. It works perfectly in Chrome and Firefox but in Internet Explorer it doesn't work at all. The tooltip doesn't show, the browsers own tooltip shows etc... IE!!!!
http://pastebin.com/1kBaMujV
Any ideas? Got to love internet explorer...
Ok well i took your advice and went for a pre existing one using jQueryTools from flowplayer. This is the result:
http://pastebin.com/gxSQx64B
Works great in chrome, firefox and internet explorer. I guess it is best to use one that is mature. The only thing that still annoys me is in firefox if you click on the link then click the browser back button, the tooltip is statically displayed over the link area until you move the mouse back over the link area. This doesn't happen with the other browsers.
Which version of IE you are using? In IE 8 it is fine.

Categories