parallax scrolling issue, using stellar.js - javascript

I am developing a static site using parallax effect on it.I use stellar.js for parallax. Everything is working fine but when I open it in Safari then the problem begins, Its so buggy and not smooth at all. You can check it here-
https://dl.dropboxusercontent.com/u/126128285/empowered-marketing/index.html
Can anyone please give me the solution of it?

If you are using Chrome you should look at the console and see that there are quite a few errors like:
Uncaught Error: Bootstrap requires jQuery
which basically means that you need to include jQuery on your page because it's required by Bootstrap.
Uncaught SyntaxError: Unexpected token <
you've got "<" somewhere in your JavaScript code which shouldn't be there
Uncaught TypeError: Object [object Object] has no method 'scrollspy'
you are trying to use a method which doesn't exist which could be a result of the previous two errors.

Related

Uncaught TypeError in WordPress with different widgets

I´m working in a dev project for a Wordpress-Site.
While using Wordpress Widgets, sometimes my website creates strange mistakes. The website is just white an no Content is visible in the front (backend-access is possible).
While using the rightlick - Explore I get the following hint in the following mistake:
Uncaught TypeError: $t.find(...).foxlazy is not a function
This is the URL which produces the mistake:
https://nova.ow-media.de/aa/
Is someone there who can give me an hint how to fix this?
Thanks a lot!

mCustomScrollbar function not found

I don't know if this is common behaviour or if I'm the only one having this ..
Here is my situation:
I have been using the mCustomScrollbar plugin for a long time for my drop down and it was amazing. Now I have more divs to apply the same plugin on, but the surprise is I'm always getting the following JS error
Uncaught TypeError: undefined is not a function
and started to have unstable behaviour for the drop down (sometimes I get the scroll bar and sometimes I don't).
I don't know what code to include to make it more clear. Is there something I'm missing? what could be the problem?
Thanks in advance

Calling a function in an iFrame in IE9

I have a problem that is specific to IE9.
We are using Autodesk MapGuide which has a framework of several nested Framesets. I am trying to call a Javascript function that sits within an IFrame that is within the top level frameset. (Please I dont want to discuss the merits or otherwise of framestes here.)
I have adapted some code I found in another thread using Jquery
window.top.$("#MyIframe")[0].contentWindow.MyFunction();
This works perfectly in IE7 and IE8, but as soon as I try it in IE9 I get the following error:
TypeError: Unable to get value of the property 'contentWindow': object
is null or undefined
I suspect that it is struggling with the framesets and can't find '#MyIframe'.
Is there some other format I can try to get around this? Many thanks in advance for your help.

jQuery UI returning "undefined" for Timepicker add-on in Wordpress

I am attempting to utilize Trent Richardson's TimePicker jQuery UI plugin to add a time picking widget to a Wordpress plugin. jQuery and jQuery UI are both enqueued as they should be and are working fine (the Datepicker/Slider requirements for TimePicker have both been verified to be included and working as well as the TimePicker script is loading fine).
However, Firebug is giving me the following error:
TypeError: $.ui is undefined
The line in question is this:
$.ui.timepicker = $.ui.timepicker || {};
I understand that it's occurring because for some reason this script isn't finding $.ui (which I assume is a standard notation for referring to jQuery UI?) I also tried simply pre-defining the $.ui at the top and I got rid of that undefined error, but then it threw another for
$.datepicker
That is further on down in the code on line 973. There doesn't seem to be a lot of sense in explicitly defining $.ui and $.datepicker in the top of the script when they should be valid references to the jQuery objects... I'm just not sure how to fix what appears to be a broken link.
I ended up finding another TimePicker plugin that worked right "out of the box" so to speak. Literally just changed the reference from the old jquery.timepicker.js to the new jquery.ui.timepicker.js and everything is working beautifully.
My general intuition/feeling on the "old" script is that it might be using either an outdated or advanced api calling method that is causing problems with jQuery's/UI's version.

jQuery UI form stopped working, with no known changes

I'm having trouble with a previously working jQuery UI product order form on pages such as http://deadlynightshades.com/custom/squared/eddie
This is a jQuery UI Accordion, Tabs, and Buttons with an html form. All the scripts and stylesheets appear to be properly linked.
The accordion doesn't seem to be establishing itself properly anymore. The styling classes are applied, but the expand and contract behavior does not respond.
The only script I wrote myself is at http://deadlynightshades.com/Frontend/Capacitor/Scripts/Deadly.js
Can anyone tell me if it has errors? Again, it used to work, for months, until a few days ago.
The jQuery UI elements are established in the Deadly.js script:
// Establish jQuery-UI controls
$("#Tabs").tabs();
$("input:submit").button();
$("a.addtocart").button({ icons: { primary: "ui-icon-cart" }});
$("#Accordion").accordion();
If the line initializing the accordion is moved, then the part of the script remaining above the command will function. When the accordion is established near the top of the script, nothing that follows works as expected. The accordion() broke, as far as I can tell.
Another symptom has to do with foxycart. When a product is added to the shopping cart, the cart should display in a lightbox. For some reason, it has started displaying as a standalone page.
I will answer any requests for more info. I'm at a loss. Thank you for any suggestions.
Uncaught TypeError: Cannot read property 'safari' of undefined jquery-ui.min.js:220
Failed to load resource: the server responded with a status of 404 (Not Found) http://deadlynightshades.com/Frontend/Capacitor/Images/Eggplant/ui-bg_flat_30_3d3644_40x100.png
Uncaught TypeError: Object [object Object] has no method 'live' jquery.nivo.slider.pack.js:24
Uncaught TypeError: undefined is not a function jquery.nivo.slider.pack.js:22
You're using jQuery from google. It's possible that your site was designed with an older version of jQuery in mind and you were updated to 1.9.0 by the link you use.

Categories