Giter Site home page Giter Site logo

nav ul li href error about skel HOT 11 CLOSED

ajlkn avatar ajlkn commented on August 29, 2024
nav ul li href error

from skel.

Comments (11)

syedaliaziz avatar syedaliaziz commented on August 29, 2024

i was search for this issue for a long time - have tried many things - nothing worked

Below is init.js nav section code - i think there is somthing wrong with this section (jquery selector issue or something?).
When I commented scroll links section of nav initialization link worked just fine but menu lost all its styling.

Please help...

Init.js:

// Initialize scrolly links
jQuery('.scrolly').n33_scrolly();

    // Initialize nav
        var $nav_a = jQuery('#nav a');

        // Scrollyfy links
            $nav_a
                .n33_scrolly()
                .click(function(e) {

                    e.preventDefault();

                    // Clear active and lock scrollzer until scrolling has stopped
                        $nav_a
                            .removeClass('active')
                            .addClass('scrollzer-locked');

                    // Set this link to active
                        jQuery(this).addClass('active');
                });

        // Initialize scrollzer
            var ids = [];

            $nav_a.each(function() {
                ids.push(jQuery(this).attr('href').substring(1));
            });

            jQuery.n33_scrollzer(ids, { pad: 200, lastHack: true });

from skel.

ajlkn avatar ajlkn commented on August 29, 2024

This is likely a template related issue, not skelJS itself. Contact me directly via email for help with this.

from skel.

syedaliaziz avatar syedaliaziz commented on August 29, 2024

i have emailed you - kindly help.

Thanks.

from skel.

gstett avatar gstett commented on August 29, 2024

I'm having the same issue. Is it not possible to use external links (i.e., something other than a "#" link, like "http://www.google.com") from within the nav tags?

from skel.

gstett avatar gstett commented on August 29, 2024

Never mind, I found a workaround.

from skel.

dougmercer avatar dougmercer commented on August 29, 2024

gstett, what was your work around? I've been trying to sort this out myself and haven't found a workaround.

from skel.

dougmercer avatar dougmercer commented on August 29, 2024

For those having issues with linking to external sites from the nav bar using the prologue template, be sure you are using the latest version of the js files. Download them directly from n33co's website.

from skel.

bhsudeep avatar bhsudeep commented on August 29, 2024

gstett: could you please tell me what is the workaround? I am in the similar situation.

dougmercer: Should I replace all the js files from the latest download ? I am asking because I have made a lot of changes to the base template to suit my need.

n33: its an amazing template. Thank you!

from skel.

dougmercer avatar dougmercer commented on August 29, 2024

@bhsudeep Yes, I replaced the JS files in full and components of the CSS that I hadn't already modified before realizing I was on the wrong version.

For all JS and CSS files, I used http://www.diffchecker.com/ to help compare the proper version to my modified, incorrect version, and brought the outdated files up-to-date as appropriate.

from skel.

bhsudeep avatar bhsudeep commented on August 29, 2024

@dougmercer Thank you! I replaced all the js and css file after making note of the changes. The href is now working but the main section looks stretched out but I should be able to work with it.

from skel.

dougmercer avatar dougmercer commented on August 29, 2024

@bhsudeep Hmm, I didn't experience the "stretching" problem you described, so I'm not sure what to suggest there. However, I'm glad you sorted out the href issue!

from skel.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.