www.webdeveloper.com
Results 1 to 11 of 11

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,859
    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,626
    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,626
    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,626
    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,626
    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.

  11. #11
    Join Date
    Nov 2016
    Location
    New England
    Posts
    30
    At a guess, it's because the DOM element with the id's 'demo1', 'demo2' and/or 'demo3' do not exist. That error is saying jQuery couldn't find the element in question, therefore there is nothing around which to wrap. No element, no supplemental functions. What does the HTML look like?

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 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

"

"

X vBulletin 4.2.2 Debug Information

  • Page Generation 0.15496 seconds
  • Memory Usage 2,944KB
  • Queries Executed 13 (?)
More Information
Template Usage (33):
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (1)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (11)memberaction_dropdown
  • (1)navbar
  • (5)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (11)postbit
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (70):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates