Lightbox error when transferring codes to server - javascript

I am implementing a JQuery Lightbox on a website I'm working on. The same set of codes work very well in localhost, but when I transfer the codes to my server, I get this error concerning the lightbox. Uncaught TypeError: Object function Object() { [native code] } has no method 'extend' . I have no idea what error this signifies.
Also I only have jQuery lib on the page.
here is the page I'm working on mypage
Please help me.
Update
I added <script>jQuery.noConflict();});</script> within <head></head> of html..in between jquery lib and lightbox script link. But still not working.
Thanks

Working well, you may try to reupload lightbox.css to fix alignment issue.

A lot of times that error happens when a dependent script is missing. It can also happen if you are using multiple libraries besides jQuery.

Related

Uncaught type Error by jQuery Flexslider

i have a problem on the following site: http://www.turtle-esport.de/v3
In the Console is this error:
Uncaught TypeError: $(...).flexslider is not a function
I hope anyone can help me to find the failure.
This is really the answer! Looks like the version you are loading for FlexSlider is corrupt. Please try to get a fresh copy from GitHub's repository. Coz that works!
Preview:
This is mainly because of 2 reasons:
1. You are adding more than 1 jquery library, remove older jquery and only 1 latest jquery
2. Place allother scripts below jquery
Currently your jquery is conflicting with one another and so you are seeing error in your console

Javascript error in the chrome console

I recently used the famous isotope plugin in my theme.
It all works fine on the page in which it is used, but in the other appears a problem with the console (I use chrome).
Uncaught TypeError: Object [object Object] has no method 'isotope'
This is because all the pages are attached to the file custom.js where there is the call to the function isotope.
Can I solve this problem without having to edit the file custom.js eliminating the reference to the function and having to put it on every page in which it is used directly in the 'html?
Thanks a lot in advance to all
Be ABSOLUTELY sure your script is being pulled into the page, one way to check is by using the 'sources' tab in the Chrome Debugger and searching for the file.

pathJS won't work - doesn't load any content

I tried to implement pathJS into my project, which is already using zurb.Foundation in combination with jQuery.
My JS is quite clean so far, so there shouldn't be any problems at all.
I just created a fiddle to ease up testing http://jsfiddle.net/Vyuz5/
The Chrome Dev Tools point out this error: Uncaught TypeError: Cannot call method 'apply' of undefined
When I load the file via localhost, I just get the alert 'map' (immediately, without clicking anything).
As the documentation is quite minimal, I don't have any idea where I have these problems..
Alright.. fixed it.
I just had to remove the handler after the call:
Path.map("#/link1").to(function(){
doNothing("it did it!");
$('#loading').html('bazinga');
}).enter(doNothing('map_link1'));
to
Path.map("#/link1").to(function(){
doNothing("it did it!");
$('#loading').html('bazinga');
});
That's it.. whyever :)
Revision 1

Phonegap - How to get rid of Uncaught Type Errors

I had developed Android Phonegap Application(Phonegap Versio 1.4.1) having one HTML file with multiple div tags(Each <div> is a single UI page) and <script> tag having Javascript methods. The application works fine and not getting any errors. Now, the requirement is each <div> in the HTML page to be divided as single HTML page and the Javascript, what i have developed is separated and placed as jscript.js file. So, now there are multiple HTML Pages and an external Javascript file and the HTML files will access jscript.js file. Now, the application returns some errors in the Logcat as below:
Web Console(19120): Uncaught TypeError: Cannot call method 'clear' of undefined.
Web Console(19120): Uncaught TypeError: Cannot call method 'alert' of undefined.
The above errors are displaying at Phonegap methods "window.plugins.statusBarNotification.clear" and "navigator.notification.alert".
How to get rid of these errors? Due to these things, the application is not working as expected. Googled a lot of time, but cant find the solution. Anyone, experienced the same? Please share your thoughts.
Whatever plugins you are using, you should use it after the device is ready to avoid such errors.

Can't get jstree working - "Uncaught TypeError: Object #<Object> has no method 'delegate'"

I'm trying to get the jstree plugin working, following the "Predefined HTML" example on this page: http://luban.danse.us/jazzclub/javascripts/jquery/jsTree/reference/_examples/1_datasources.html
To avoid any conflict with anything else that might be happening, i've tried to get it working in the simplest possible page, in my public dropbox folder: http://dl.dropbox.com/u/846812/jstree_example/jstree_example.html
The only js i've included in my page is jquery and the main jstree file, jsTree/jquery.jstree.js. (The documentation is a bit shaky about what exactly i need to include, but maybe this is the problem). The rest of the files i downloaded are next to jquery.jstree.js, in the jsTree folder.
I've also got my predefined html, a nested list in a div with id="folder_tree".
When the javascript runs, i get an error Uncaught TypeError: Object #<Object> has no method 'delegate', from line 3629 of the jquery.jstree.js file - hopefully you'll see this error too.
Can anyone have a look at the page (the dropbox link above) and see what i'm doing wrong? thanks, max
(note that the file links in that page don't work - they don't need to in order for jstree to work)
jQuery delegate is since version 1.4.2
You are using a older version of jQuery

Categories