Сброс typed.js при нажатии элемента - PullRequest
Новая
       10

Сброс typed.js при нажатии элемента

0 голосов
/ 15 октября 2018

Я использую Typed.js, чтобы напечатать ссылки меню в моей навигации, когда навигация открыта пользователем.

Проблема, с которой я сталкиваюсь, заключается в том, что после успешной загрузки в первый раз, если пользователь должен был закрыть, а затем снова открыть меню, оно ломается.Похоже, он работает дважды, затем три раза и так далее. 

$('document').ready(function() {
	$('#nav-icon1').click(function() {
		
		$('.menu-expanded').toggle();
		$('.menu-expanded').toggleClass('wow bounceIn');
		$('.select1').toggleClass('menuTyped1');

		// $('.menuTyped1').type('reset');

		var menu1 = {
		strings: ["about us ^4000000"],
		typeSpeed: 100
		}

		var menu2 = {
		strings: ["services we offer ^4000000"],
		typeSpeed: 100
		}

		var menu3 = {
		strings: ["case studies ^4000000"],
		typeSpeed: 100
		}

		var menu4 = {
		strings: ["testimonies ^4000000"],
		typeSpeed: 100
		}

		var menu5 = {
		strings: ["get in touch ^4000000"],
		typeSpeed: 100
		}

	var menuTyped1 = new Typed(".menuTyped1", menu1);
	var menuTyped2 = new Typed(".menuTyped2", menu2);
	var menuTyped3 = new Typed(".menuTyped3", menu3);
	var menuTyped4 = new Typed(".menuTyped4", menu4);
	var menuTyped5 = new Typed(".menuTyped5", menu5);
	})


})
.menu-expanded {
display: none;
}
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.9/lib/typed.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="nav-icon1">
  MENU
</div>

<div class="menu-expanded">
	<div class="wrapper">
		
		<div class="menu-links">
			<ul>
				<li><a href="/about-us" id="menu1" class="select1"></a></li>
				<li><a href="/services" class="menuTyped2"></a></li>
				<li><a href="#" class="menuTyped3"></a></li>
				<li><a href="#" class="menuTyped4"></a></li>
				<li><a href="#" class="menuTyped5"></a></li>
			</ul>
		</div>
	</div>
</div>

Я пытался использовать .reset() для каждого из набранных элементов при закрытии меню, однако это не работает.

В идеале я хотел бы, чтобы он печатался каждый раз, однако я также был бы рад, если бы он был просто статичным при втором просмотре.

...