library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-10-17 09:04:18 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix obsolete references to nav- components (#869)

Browse Source
This commit is contained in:
Israel Roldan 2017-07-15 16:42:26 +02:00 committed by Jeremy Thomas
parent fccdedc66b
commit d1bb670cb3
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
docs/documentation/components/navbar.html
View File

@ -354,21 +354,21 @@ doc-subtab: navbar
{% capture navbar_js_code %}
document.addEventListener('DOMContentLoaded', function () {
// Get all "nav-burger" elements
var $navBurgers = Array.prototype.slice.call(document.querySelectorAll('.nav-burger'), 0);
// Get all "navbar-burger" elements
var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
// Check if there are any nav burgers
if ($navBurgers.length > 0) {
if ($navbarBurgers.length > 0) {
// Add a click event on each of them
$navBurgers.forEach(function ($el) {
$navbarBurgers.forEach(function ($el) {
$el.addEventListener('click', () => {
// Get the target from the "data-target" attribute
var target = $el.dataset.target;
var $target = document.getElementById(target);
// Toggle the class on both the "nav-burger" and the "nav-menu"
// Toggle the class on both the "navbar-burger" and the "navbar-menu"
$el.classList.toggle('is-active');
$target.classList.toggle('is-active');
@ -578,7 +578,7 @@ document.addEventListener('DOMContentLoaded', function () {
<p>
The Bulma package <strong>does not come with any JavaScript</strong>.
<br>
Here is however an implementation example, which toggles the class <code>is-active</code> on both the <code>nav-burger</code> and the targeted <code>nav-menu</code>.
Here is however an implementation example, which toggles the class <code>is-active</code> on both the <code>navbar-burger</code> and the targeted <code>navbar-menu</code>.
</p>
{% highlight html %}{{ navbar_js_html }}{% endhighlight %}