Skip to content

Uncaught TypeError #17

@mdevane

Description

@mdevane

Would love to get this working on site, but keep getting the following js error:

"Uncaught TypeError: Cannot read property 'top' of undefined" - line 300 of alton.js

Am running this on home page of wp site. This is using a group of sections each of which has a full-screen background image being sized thru css, not js. Structure is the following -- seems OK per docs:

<body class="home">
   <div class="site-container">
        <header class="site-header"></header>
        <div class="home-welcome slide"></div>
        <div class="home-featured slide"></div>
        <div class="home-testimonials slide"></div>
        <div class="home-communities slide"></div>
        <footer class="site-footer"></footer>
    </div>
</body>

Here's my init file contents:

jQuery(document).alton({
    bodyContainer: 'home', // Tell Alton the body class
    fullSlideContainer: 'site-container', // Tell Alton the full height container
    singleSlideClass: 'slide', // Tell Alton the full height slide class
    useSlideNumbers: true, // Set to false if you don't want to use pagination
    slideNumbersContainer:"slide-numbers",
    slideNumbersBorderColor: '#fff', // Set the outside color of the pagination items (also used for active)
    slideNumbersColor: 'transparent', // Set the inner color of the pagination items (not active)
    firstClass:"site-header",
    nextElement:"div",
    previousClass:null,
    lastClass:"site-footer",
    scrollMode:"featuredScroll",
    animationType:"slow"
});

Dev site is local, so have nothing to show. Any thoughts on what might be causing this error? Am a js newbie, so very well could be 'user-error'.

Regards, Mark

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions