add click event σε mobile menu

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
dancerman
Δημοσιεύσεις: 6
Εγγραφή: 18 Μαρ 2009 12:45
Επικοινωνία:

add click event σε mobile menu

Δημοσίευση από dancerman » 18 Ιαν 2017 08:03

λοιπον θελω να προσθεσω τη δυνατοτητα να ξεδιπλωνει το μενου χωρις να χρειαζεται να πατησω τα βελακια στη mobile version

Κώδικας: Επιλογή όλων


(function ($) {
    $.fn.mobileMenu = function (options) {

        var defaults = {
            defaultText: 'Navigate to...',
            className: 'select-menu',
            subMenuClass: 'menu-item',
            subMenuDash: '-',
            appendTo: '#sp-mmenu'
        },
        settings = $.extend(defaults, options),
        el = $(this);
        mobileMenu = $(settings.appendTo);

        this.each(function () {
                    // ad class to submenu list
                    el.find('ul').addClass(settings.subMenuClass);

                    // Create base menu
                    $&#40;'<select />', &#123;
                        'class'&#58; settings.className
                    &#125;&#41;.appendTo&#40;mobileMenu&#41;;

                    // Create default option
                    $&#40;'<option />', &#123;
                        "value"&#58; '#',
                        "text"&#58; settings.defaultText
                    &#125;&#41;.appendTo&#40;'.' + settings.className&#41;;

                    // Create select option from menu
                    el.find&#40;'a'&#41;.each&#40;function &#40;&#41; &#123;
                        var $this = $&#40;this&#41;,
                        optText = '&nbsp;' + $this.find&#40;'span.menu-title'&#41;.text&#40;&#41;,
                        optSub = $this.parents&#40;'.' + settings.subMenuClass&#41;,
                        len = optSub.length,
                        dash;

                            // if menu has sub menu
                            if &#40;$this.parents&#40;'ul'&#41;.hasClass&#40;settings.subMenuClass&#41;&#41; &#123;
                                dash = Array&#40;len + 1&#41;.join&#40;settings.subMenuDash&#41;;
                                optText = dash + optText;
                            &#125;

                            // Now build menu and append it
                            $&#40;'<option />', &#123;
                                "value"&#58; this.href,
                                "html"&#58; optText,
                                "selected"&#58; &#40;this.href == window.location.href&#41;
                            &#125;&#41;.appendTo&#40;'.' + settings.className&#41;;

                    &#125;&#41;; // End el.find&#40;'a'&#41;.each

                    // Change event on select element
                    $&#40;'.' + settings.className&#41;.change&#40;function &#40;&#41; &#123;
                        var locations = $&#40;this&#41;.val&#40;&#41;;
                        if &#40;locations !== '#'&#41; &#123;
                            window.location.href = $&#40;this&#41;.val&#40;&#41;;
                        &#125;;
                    &#125;&#41;;

            &#125;&#41;; // End this.each
return this;
&#125;;
&#125;&#41;&#40;jQuery&#41;;
αυτος ειναι ο κωδικας του Mobile menu το site ειναι αυτο αν χρειαζεται καποιο αλλο κομματι κωδικα μπορω να το βαλω.

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες