edgePreload.js conflicting with jQuery.ScrollTo - javascript

I am using Edge animate for a header on my webpage. I am trying to incorporate the slide effect from page to page utilizing the jQuery.ScrollTo plugin courtesy of Ariel Flesler. The problem is that when I include the
<script type="text/javascript" charset="utf-8" src="spolightest_edgePreload.js"></script>
the slide effect stops working. I have narrowed it down to this file so I know that this is causing the problem. Any one ever deal with this problem? Does anyone know a better way to accomplish the slide effect in a webpage. It is quite a large amount of javascript to include here, so here is my site that I am trying to make this work on. You can view the script there.
www.premierentertainmentevents.com
I've tried to call the javascript files in different order, including the hosted jquery library from google, include the jqueryscroll.js in the edge preload file..
I'm at a loss. Something is conflicting with something else and I have no idea what.
Any ideas are greatly appreciated. Thank you

One thing I can see from your page is that the scripts include order isn't correct right now.
You are including jquery after the adobe edge's includes, so that in the console I can see the errors:
Uncaught ReferenceError: jQuery is not defined /spolightest_edge.js:2
Uncaught ReferenceError: jQuery is not defined spolightest_edgeActions.js:8
I know you tried different things, but please include jquery above anything else so maybe I can see if other errors occur.

Related

Integrating Isotope js on Joomla 1.5 site

I am trying to integrate Isotope JS on Joomla 1.5 site. (I know it's old Joomla!)
https://www.buffalobrownies.com/?view=article&id=269
I got the code working fine on a test page on that domain (but outside of Joomla).
Inside Joomla, neither the JQuery nor vanilla JS seems to trigger.
With JQuery trigger code on, I get this error on Chrome Console:
Cannot read property 'isotope' of null
(With the vanilla JS script turned on I get a bunch of OTHER errors......)
So I'm guessing there is something wrong with the reference to $ but I'm not clued up enough to know what it is...
Any thoughts out there? Thanks for your help
(I have Jquery linked high up in the <head>, then Isotope JS link just after, then the isotope trigger JS before the bottom </body> tag)
Chris
So I discovered that it was Mootools in Joomla 1.5 that was causing the conflict.
(I just had to start taking lines of code out, one by one, until I found the one that made the difference).
I managed to find some code online that turned Mootools off for the front end, but kept it on for the back end.
Now I've managed to get the Isotope script working in my example. Now I just need to get it working with live data!

Issue with jQuery images resizing to fit modal

Okay, this one has me confused as hell (I've spent hours trying to figure it out) so I am hoping perhaps a fresh set of eyes might be able to spot the culprit easier than I can.
The page in question is here: http://centerpointesigns.com/dev/portfolio/
Go to that page on a desktop and open the GLA Building link (underlined).
You'll see that the gallery (using a plugin called Envira Gallery for WordPress) is super, super tiny and I know that this is because it can't determine the size of the modal it's within (which is a plugin called Easy Modal for WordPress).
I've added the following code to the functions.js file assuming it would fix it, but no suck luck:
// Prevent resizing of Envira Galleries with Easy Modal plugin
$('.emodal').on('emodalBeforeOpen', function() {
$(window).triggerHandler("resize");
});
Any thoughts on what I'm doing wrong here? Seems like it should be easy and I must be overlooking something obvious.
There's an error: "Uncaught TypeError: $ is not a function" in functions.js, line 56.
I replaced $ by jQuery, and your gallery now looks great :-)
jQuery('.emodal').on('emodalBeforeOpen', function() {
jQuery(window).triggerHandler("resize");
});

Uncaught TypeError: jQuery(...).fancybox is not a function |fancybox used in wordpress

I have a wordpress website and I want to show my video using fancybox, so I tried wp plugin like "fancybox for wordpress" and "easy fancybox".
But both of them give me the error message "Uncaught TypeError: jQuery(...).fancybox is not a function".
I search for many questions on here and found this can be jquery conflict, but I cannot figure out where is it.
here is my site http://skyblueenglish.co.uk
Notice that I only have one of above plugins at one time.
as per my thinking and till i have checked, what happen is,
in word-press you have included fancybox jQuery and it will obviously installed when you have installed the plugin. Now what happen is ,while using some JS function or JS Class it is mandatory to include jQuery file before we use/include the third party JS.
I checked the "View Source" for your page.
<script src="http://skyblueenglish.co.uk/wp-content/themes/skybluetheme/js/jquery.min.js"></script>
and i found that above JavaScript file is included in the footer.
i just removed that line and put it before
<script type='text/javascript' src='http://skyblueenglish.co.uk/wp-content/plugins/fancybox-for-wordpress/fancybox/jquery.fancybox.js?ver=1.3.4'></script>
and the error is Gone.
so what you have to do is, you have to find your footer, find the included jquery.min.js . remove it from the footer and include it from header.
Let me know if you dont understand anywhere.
;( function( $ ) {
$(document).ready(function(){
$(".fancybox").fancybox({
//....
});
});
} )( jQuery );
I did so many experiments on same topic and also tried with many different way to solve according to wherever I found similar topics on internet but trust me nothing worked out for me and then finally I simply tried to see what exactly error says:
Uncaught TypeError: $(...).fancybox is not a function
and for which I simply removed a line which was saying if($.fn.fancybox!==null).
I am not strong enough to understand Javascript or Jquery thing being fresher so I just tried with simple logic and it worked for me lol.
This might not be the right solution but just thought to share my experience so maybe for someone it may work too.
It worked properly without loosing any function by removing below code
if($.fn.fancybox!==null)
{$("a[class^='fancyBox']").fancybox();
$("a[class^='fancybox-thumb']").fancybox(
{helpers:{title:{type:'outside'},thumbs:{width:50,height:50}}});}
Thank You!

Javascript Conflicts in Console for Wordpress Plugin Global Gallery

I hope you can help me to debug my conflicts on the site I am working on:
URL: http://metalotechnika.com
PW: 12345678
If you then go to http://metalotechnika.com/foto-galeri/foto-kangjella-hekuri/
You will find a gallery that isn't loading. Most probably due to javascript conflicts. Could you pint me in the right direction here?
You will find some errors in the console: "TypeError: jQuery(...).lcweb_lazyload is not a function"
I thougt, that it must be jQuery not loading correctly. But I already tested jQuery in my main.js, and is working. Don't know about this time.
Ok, found the problem.
jQuery is loaded 2 times. And this is were the conflict came from. I just removed jQuery from my functions.php because Wordpress already loads it's own jQuery and throws conflicts if it is loaded a separate different time.
Thanks anyway.

Rhinoslider not working "Effect for explode not found"

Im trying to use the awesome jQuery Rhinoslider plugin, however it does not work one bit.
Not even the demo i downloaded works, it just throws Effect for explode not found and "Preparations for explode not found" in the console.
I choose the effect explode but this happens with every effect, even if i choose none as effect.
The documentation is pretty poor regarding this kind of questions and you dont find a lot of answers on the internet for this plugin..
Does anybody know what this logs mean? I included every other scripts (easing, mousewheel) and as said, not even the demo i downloaded is working.
Thanks very much!
You probably need explode effect from jqueryUI download page
I had the same "Effect not found" issue and I solved it with downloading again the slider from http://rhinoslider.com/demo-download/
You may need to check all the effects or the effects you need, because they are not checked by default.

Categories

Resources