I have got three pages/divs sliding through (on one index page) using javascript/jquery, and a couple of pages/divs are set on timer. Please see my code and function on http://jsfiddle.net/EXfnN/35/
Everything is working perfectly in Firefox, but the slide and the timer are not working in IE.
How can I fix this javascript/IE problem please? Thanks in advance.
If the code you posted is the actual code you're using, comment out or remove the console.log statement. IE chokes on them if the debugger isn't open.
Related
I'm trying to figure out why smooth scroll stopped working on Chrome but the funny thing is that it working on Firefox so I lost my mind completely now. I was thinking that maybe .click function stopped working but it seems it working well or maybe I'm wrong? By the way, smooth scroll worked a few weeks ago correctly, now only scrollToTop works.
The page with the issue. www.jc-kancelaria.pl
Please be lenient because that's my first post here so if I did something wrong let me know.
Thanks in advance,
Mateusz
Chrome is more picky about JS errors than FF. If Chrome runs into a JS error, it will usually just stop executing any script that is supposed to run after that error. In your case, you indeed have an error with your Google Maps script. Fix that first, and then test the smooth scroll again.
I am developing a website with has a header as (channels,...) and the header is working fine in all the browser except safari. The code is work fine on chrome as well still i facing the issue on safari browser. Is there anything which i missed in the code specified in the link. I also tried with the code to fetch browser and write a separate code for it but it also not works for me. Should anybody help me how to fix it. What i have already tried is : http://www.code-dynamix.com/blazemedia/services-channels.html
Problem exist at the Second header (Channels,...) where slider comes little bit down in safari.For better clarification just see the same header in any other browsers such as firefox, chrome and then see the header in safari.
Thanks in advance.
The JavaScript works fine for me in Safari 5.1.7 on Windows 7, but there are differences with how the header is rendered. This is an issue with CSS however. As best I can tell, there are no defined heights on any of the containing elements. You should define the heights when you can, this will help keep a universal look and feel.
I am using the skrollr plugin for parallax https://github.com/Prinzhorn/skrollr. I know it works fine on iPad 3 and iPhone 4S with version 6.1.3.
However, on an iPad 2 version 5.1.1 and several various Android devices, I have run into an issue where if I attempt to click on any link...or really anything at all...I get a message that says:
"JavaScript:Error undefined TypeError:'undefined' is not a function".
I isolated the issue to skrollr.js about line 649 initialElement.click();. If I remove that call, then the error no longer happens...except obviously I still can't click on anything.
Also, I know for sure that this is an error in the plugin itself because I tried clicking on things in the skrollr demo and get the same error http://prinzhorn.github.io/skrollr/.
Has anyone come upon a solution for this? I haven't seen it posted anywhere. Also I've already tried alternatives such as:
initialElement.mousedown('click');
initialElement.trigger('click');
initialElement.bind('click');
initialElement.live('click');
initialElement.delegate('click');
and all give the same exact error.
I find it strange that it doesn't occur in all devices, and the rest of the plugin seems to be working...so it's not an issue on where I'm importing it...heck even everything else attached to initialElement seems to be okay.
Any ideas?
Once again, I would give you a link to my site but can't due to disclosure agreement. But if you need snippets of code let me know.
Thanks for the help!! :)
Maybe give this a shot at line 644 - https://gist.github.com/JustinWUP/6032497
Changing the following on skrollr.js worked for me. [Added $() around the 'initialElement']
if(distance2 < 49) {
//It was a tap, click the element.
//initialElement.focus();
//initialElement.click();
$(initialElement).focus();
$(initialElement).click();
return;
}
I have little knowledge of javascript so I hope someone here could help me. The problem occurs on http://www.bestfreeandroidapps.com/ if you look on the right side there are 3 tabs with Categories, Comments and Recent Posts. When you click on them from Chrome, nothing happens (no errors in the console, just nothing), however it works fine in Firefox.
This theme uses a script calle Javascript tabifier from http://www.barelyfitz.com/projects/tabber/, however I even replaced the script on the theme with what was included in the original project and still doesn't work on Chrome. Does anyone have an idea of what might be wrong and why is this happening?
Thank you very much!
It works. I think its being cached by the browser, I've had similar problems lately. Restart browser/computer!
I created a page using Dreamweaver and fireworks that uses one AP Div as a button to show and hide two other AP Divs using JavaScript. However, the AP divs are relatively places. It all works fine in google chrome and safari but it doesn't work at all in IE 9. I suspect it's an issue with the JavaScript and IE9. I am new to this, and I know my site is built in a weird way. All help is appreciated.
I also tried using this tutorial:
http://webdesign.about.com/od/dhtml/a/aa101507.htm (Shows and Hides divs with a link)
where the a div is a link, to make it work, but it didn't fix it.
Thanks in Advance
Right, I've scrapped your code, not because it's bad but because I dont understand it :P, I've used something different, this may mean that you have to re-write some code on your page. What my code does it replaces the content with-in the div instead of hiding/showing between 2 divs... Below is a link to a jsfiddle, try running it in IE9 and see if that works.
http://jsfiddle.net/hSMk3/
If it doesn't work tell me in the comment section thingy below :)