Javascript Error: Uncaught TypeError: undefined is not a function

Question

I am trying to resolve the issue .I cant load this script http://orangeplacehotel.com/superbudget/ems-policy. Is there anything wrong with this code?? I tried putting alert and it works properly but still i cant see the plug-in loaded on the site.. Please help .. Thanks,

$(function() {
    $('#nanoGallery1').nanoGallery({
        kind:'flickr',
        userID:'129251189@N05',
        touchAutoOpenDelay: -1,
        breadcrumbAutoHideTopLevel: true,
        maxWidth: 948,
        imageTransition : 'slide',
        thumbnailWidth: 200,
        thumbnailHeight: 126,
        thumbnailHoverEffect: 'scaleLabelOverImage,borderDarker',
        i18n: {
            thumbnailImageDescription: 'view photo',
            thumbnailAlbumDescription: 'open album'
        },
        thumbnailLabel: {
            display: true,
            position: 'overImageOnMiddle',
            hideIcons: true, align: 'center'
        },
        thumbnailLazyLoad: true 
    });
});
alert("test");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

(The snipped) It says nanoGallery is not a function, which isn't surprising. Since you provide a snippet I expected a self-contained example? — Mörre
– Mörre, Commented Jan 7, 2015 at 10:04
Indeed gallery is loading, but some data is missing: prntscr.com/5phkm9 — briosheje
– briosheje, Commented Jan 7, 2015 at 10:07
Can you please help me with this? I'm confused. I tried this code mostly on my sites and it works properly. theblackboardbychefmichel.com/ems-policy — Paolo Cruz
– Paolo Cruz, Commented Jan 7, 2015 at 10:24

intekhab · Accepted Answer · 2015-01-07 11:09:11Z

1

error is "NanoGallery is not a function" I think you should check your plugin (in what nanoGaller() is defined) is included in page or not before running your code

Below is the code working fine Its not a solution but might give you some idea

First include the jquery library then

$.prototype.nanoGallery = function(){
    console.log(arguments);
}

$(function() {
    $('#nanoGallery1').nanoGallery({
        kind:'flickr',
        userID:'129251189@N05',
        touchAutoOpenDelay: -1,
        breadcrumbAutoHideTopLevel: true,
        maxWidth: 948,
        imageTransition : 'slide',
        thumbnailWidth: 200,
        thumbnailHeight: 126,
        thumbnailHoverEffect: 'scaleLabelOverImage,borderDarker',
        i18n: {
            thumbnailImageDescription: 'view photo',
            thumbnailAlbumDescription: 'open album'
        },
        thumbnailLabel: {
            display: true,
            position: 'overImageOnMiddle',
            hideIcons: true, align: 'center'
        },
        thumbnailLazyLoad: true 
    });

});

alert("test");

answered Jan 7, 2015 at 11:09

intekhab

1,6162 gold badges15 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Paolo Cruz Over a year ago

Thanks works great! :) What i did is include first Jquery Library and put it into No-Conflict Mode then use the more concise syntax for the DOM ready function..

Paolo Cruz Over a year ago

Now i got this working on two of subdomains orangeplacehotel.com/boutique/ems-policy and orangeplacehotel.com/superbudget/ems-policy ..

Collectives™ on Stack Overflow

Javascript Error: Uncaught TypeError: undefined is not a function

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related