StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POjquery problem in IE7
text
Body
copied!<p>I'm just starting out using JQuery, have been reading and reading and have successfully implemented some easy stuff, changing classes etc. I've been trying to work on a small flyout panel for a WordPress site. I'm using the Protonet fork of the InView plugin: <a href="https://github.com/protonet/jquery.inview/tree/" rel="nofollow">https://github.com/protonet/jquery.inview/tree/</a></p> <p>which works fine in FF, Safari, Chrome, IE8 and IE7 if I just call the script and don't do anything with it. Once I add the following scripts to animate the flyout, things work in everything except IE7, and in that browser, none of the other small small class changing scripts work either, breaking layouts. </p> <pre><code>jQuery(document).ready(function($){ $('div#utility-after-singular').bind('inview', function(event, isInView, visiblePartX, visiblePartY) { if (isInView) { // element is now visible in the viewport $('.flyoutBox') .animate( { marginLeft: '0' }, { duration: 'slow', easing: 'easeInExpo', queue: 'true', }); } else { // element has gone out of viewport $('.flyoutBox') .animate( { marginLeft: '598px' }, { duration: 'slow', easing: 'easeInExpo', queue: 'true', } ); } }); }); jQuery(document).ready(function($){ $('#closeButton').click(function () { $('.flyoutBox') .animate( { marginLeft: '598px' }, { duration: 'slow', easing: 'easeOutExpo', queue: 'true', } ); $('div#utility-after-singular').unbind('inview'); }); }); </code></pre> <p>Again, I'm very new JQuery and anything outside of HTML/CSS, so sorry if I'm just missing something ridonkulously obvious. Much thanks for any advice.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload