dcsimg
www.webdeveloper.com
Results 1 to 10 of 10

Thread: Uncaught TypeError: jQuery Errors

  1. #1
    Join Date
    Nov 2017
    Posts
    7

    Uncaught TypeError: jQuery Errors

    I need some help with fixing these js errors, I am finding them when I look in the console on Google Chrome.


    These are the errors:


    Uncaught TypeError: jQuery(...).skdslider is not a function
    at HTMLDocument.<anonymous> (main.js:8)
    at j (jquery-1.11.1.min.js:2)
    at Object.fireWith [as resolveWith] (jquery-1.11.1.min.js:2)
    at Function.ready (jquery-1.11.1.min.js:2)
    at HTMLDocument.J (jquery-1.11.1.min.js:2)

  2. #2
    Join Date
    Nov 2017
    Posts
    7
    sorry this is the code I have for Main.js


    /*==============================================================*/
    // banner slider
    /*==============================================================*/
    jQuery(document).ready(function(){
    jQuery('#demo1').skdslider({'delay':2000, 'animationSpeed': 2000,'showNextPrev':true,'showPlayButton':true,'autoSlide':true,'animationType':'sliding'});
    jQuery('#demo2').skdslider({'delay':2000, 'animationSpeed': 2000,'showNextPrev':true,'showPlayButton':false,'autoSlide':true,'animationType':'sliding'});
    jQuery('#demo3').skdslider({'delay':2000, 'animationSpeed': 2000,'showNextPrev':true,'showPlayButton':true,'autoSlide':true,'animationType':'sliding'});

    jQuery('#responsive').change(function(){
    $('#responsive_wrapper').width(jQuery(this).val());
    });

    });

    /*==============================================================*/
    // WoW Animation
    /*==============================================================*/
    new WOW().init();

    // sticky headers
    $(window).scroll(function() {
    var header = $(".root>header.sticky-enabled");
    var headerHeight = header.height();
    var scrollTop = $(window).scrollTop();
    if (scrollTop > headerHeight) {
    if (!header.hasClass('sticky')) {
    if($('body').width() < 800) header.height(headerHeight);
    header.addClass('sticky');
    header.animate({top: 0}, 500);
    $('.root').css("padding-top", headerHeight);
    }
    } else {
    if (header.hasClass('sticky')) {
    header.removeClass('sticky');
    header.removeAttr('style');
    if($('body').width() < 800) header.height('auto');
    $('.root').removeAttr('style');
    }
    }
    /*==============================================================*/
    // WoW Animation
    /*==============================================================*/
    new WOW().init();

    // sticky headers
    $(window).scroll(function() {
    var header = $(".root>header.sticky-enabled");
    var headerHeight = header.height();
    var scrollTop = $(window).scrollTop();
    if (scrollTop > headerHeight) {
    if (!header.hasClass('sticky')) {
    if($('body').width() < 800) header.height(headerHeight);
    header.addClass('sticky');
    header.animate({top: 0}, 500);
    $('.root').css("padding-top", headerHeight);
    }
    } else {
    if (header.hasClass('sticky')) {
    header.removeClass('sticky');
    header.removeAttr('style');
    if($('body').width() < 800) header.height('auto');
    $('.root').removeAttr('style');
    }
    }
    });});

  3. #3
    Join Date
    Mar 2007
    Location
    localhost
    Posts
    5,536
    Couple of things,

    1. JQuery is not JavaScript and belongs in the JavaScript-Frameworks-(such-as-JScript) forum
    2. when posting code, please use the forum BBCode tags, examples in my signature.

    * moved post *
    --> JavaScript Frameworks like JQuery, Angular, Node <--
    ... and please remember to wrap code with forum BBCode tags:-

    [CODE]...[/CODE] [HTML]...[/HTML] [PHP]...[/PHP]

    If you can't think outside the box, you will be trapped forever with no escape...

  4. #4
    Join Date
    Dec 2012
    Posts
    1,586
    skdslider is not part of jQuery, it is certainly a third party plugin and you need to include it.

  5. #5
    Join Date
    Nov 2017
    Posts
    7
    Quote Originally Posted by Sempervivum View Post
    skdslider is not part of jQuery, it is certainly a third party plugin and you need to include it.
    Ok, can you please help with how to include it?

  6. #6
    Join Date
    Dec 2012
    Posts
    1,586
    Documentation of this slider is very poor, therefore it's not suitable for inexperienced users. I recommend using Nivoslider instead and follow the instructions here:
    https://www.jqueryscript.net/slider/nivo-slider.html
    There are also several tutorials on youtube, e. g.:
    https://www.youtube.com/watch?v=HsapIJa4El8

  7. #7
    Join Date
    Nov 2017
    Posts
    7
    ok, ideas on the other errors I am getting?

  8. #8
    Join Date
    Dec 2012
    Posts
    1,586
    All the lines you posted refer to the same error.

  9. #9
    Join Date
    Nov 2017
    Posts
    7
    I am now using the Nivo Slider and still get the same errors. It did not fix the issue. Please help

  10. #10
    Join Date
    Dec 2012
    Posts
    1,586
    Did you follow the instructions in the link I posted? Please post the error message again. It would be best, if you had it online, so that one could inspect the code. If so, please post the URL.

Thread Information

Users Browsing this Thread

There are currently 2 users browsing this thread. (0 members and 2 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center