JavaScript 负责任的导航

Posted 2021-05-20

/* --------------------------------------------------------	
	Responsible navigation
   --------------------------------------------------------	*/	
(function() {

    var $mainNav    = $('.navbar .nav'),
    responsibleNav = '<option value="" selected>Navigate...</option>';

    // Responsive nav
    $mainNav.find('li').each(function() {
      var $this   = $(this),
      $link = $this.children('a'),
      depth   = $this.parents('ul').length - 1,
      indent  = '';

      if( depth ) {
        while( depth > 0 ) {
          indent += ' - ';
          depth--;
        }
      }

      if ($link.text())
        responsibleNav += '<option ' + ($this.hasClass('active') ? 'selected="selected"':'') + ' value="' + $link.attr('href') + '">' + indent + ' ' + $link.text() + '</option>';

    }).end().after('<select class="nav-responsive">' + responsibleNav + '</select>');

    $('.nav-responsive').on('change', function() {
      window.location = $(this).val();
    });
			
  })();