|
1 | 1 | /* |
2 | | - * priority-nav - v1.0.5 | (c) 2015 @gijsroge | MIT license |
| 2 | + * priority-nav - v1.0.6 | (c) 2015 @gijsroge | MIT license |
3 | 3 | * Repository: https://github.com/gijsroge/priority-navigation.git |
4 | 4 | * Description: Priority+ pattern navigation that hides menu items if they don't fit on screen. |
5 | 5 | * Demo: http://gijsroge.github.io/priority-nav.js/ |
|
36 | 36 | initClass: "js-priorityNav", // Class that will be printed on html element to allow conditional css styling. |
37 | 37 | mainNavWrapper: "nav", // mainnav wrapper selector (must be direct parent from mainNav) |
38 | 38 | mainNav: "ul", // mainnav selector. (must be inline-block) |
39 | | - navDropdown: ".nav__dropdown", // class used for the dropdown. |
40 | | - navDropdownToggle: ".nav__dropdown-toggle", // class used for the dropdown toggle. |
| 39 | + navDropdown: "nav__dropdown", // class used for the dropdown. |
| 40 | + navDropdownToggle: "nav__dropdown-toggle", // class used for the dropdown toggle. |
41 | 41 | navDropdownLabel: "more", // Text that is used for the dropdown toggle. |
42 | 42 | navDropdownBreakpointLabel: "menu", //button label for navDropdownToggle when the breakPoint is reached. |
43 | 43 | breakPoint: 500, //amount of pixels when all menu items should be moved to dropdown to simulate a mobile menu |
|
195 | 195 | /** |
196 | 196 | * Add classes so we can target elements |
197 | 197 | */ |
198 | | - navDropdown.classList.add(settings.navDropdown.substr(1)); |
| 198 | + navDropdown.classList.add(settings.navDropdown); |
199 | 199 | navDropdown.classList.add("priority-nav__dropdown"); |
200 | 200 |
|
201 | | - navDropdownToggle.classList.add(settings.navDropdownToggle.substr(1)); |
| 201 | + navDropdownToggle.classList.add(settings.navDropdownToggle); |
202 | 202 | navDropdownToggle.classList.add("priority-nav__dropdown-toggle"); |
203 | 203 |
|
204 | | - toggleWrapper.classList.add(settings.navDropdown.substr(1)+"-wrapper"); |
| 204 | + toggleWrapper.classList.add(settings.navDropdown+"-wrapper"); |
205 | 205 | toggleWrapper.classList.add("priority-nav__wrapper"); |
206 | 206 |
|
207 | 207 | _this.classList.add("priority-nav"); |
|
470 | 470 |
|
471 | 471 | // Toggle dropdown |
472 | 472 | _this.querySelector(navDropdownToggle).addEventListener("click", function () { |
473 | | - toggleClass(_this.querySelector(settings.navDropdown), "show"); |
| 473 | + toggleClass(_this.querySelector(navDropdown), "show"); |
474 | 474 | toggleClass(this, "is-open"); |
475 | 475 | toggleClass(_this, "is-open"); |
476 | 476 | }); |
|
610 | 610 | /** |
611 | 611 | * Store the dropdown element |
612 | 612 | */ |
613 | | - navDropdown = settings.navDropdown; |
| 613 | + navDropdown = "."+settings.navDropdown; |
614 | 614 | if (!_this.querySelector(navDropdown)) { |
615 | 615 | console.warn("couldn't find the specified navDropdown element"); |
616 | 616 | return; |
|
619 | 619 | /** |
620 | 620 | * Store the dropdown toggle element |
621 | 621 | */ |
622 | | - navDropdownToggle = settings.navDropdownToggle; |
| 622 | + navDropdownToggle = "."+settings.navDropdownToggle; |
623 | 623 | if (!_this.querySelector(navDropdownToggle)) { |
624 | 624 | console.warn("couldn't find the specified navDropdownToggle element"); |
625 | 625 | return; |
|
0 commit comments