Иваново

Россия

Ребята, всем привет. Я новичок в JS.  Вообщем есть код, который отлично работал в Fiddle (онлайн редактор js)
Но не работал на сайте.. Не мог понять почему.  Я ковырялся дня 2, по форумам искал ответы. 
Потом вдруг он перестал и в редакторе работать. 

Суть когда в том, что бы срабатывало однократно аудио при скролинге до определенного дива с классом "elem"
Вот собственно код:


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src="https://code.jquery.com/jquery-3.0.0.js"></script>
</head>
<body>

<div style="height: 130vh;width: 100%;background: #111;" ></div>
<div style="height: 100px;width: 100%;background: #ccc;" class="elem"></div>
<div style="height: 600px;width: 100%;background: #111;" ></div>
</body>
</html>



А вот JS:
[list=1][list=1]
[/list][/list]&#65279;var fired = false;
var target = $('.elem');
var targetPos = target.offset().top;
var winHeight = $(window).height();
var scrollToElem = targetPos - winHeight;
$(window).scroll(function(){
  var winScrollTop = $(this).scrollTop();
  if(winScrollTop > scrollToElem && fired === false){
   var audio = new Audio('https://interactive-examples.mdn.mozilla.net/media/examples/t-rex-roar.mp3');
audio.play();fired = true;
  }
});

js продублировал в архиве,  при добавке на сайт добавляет знаки....

Надеюсь на вашу помощь. Спасибо не равнодушным!

Ребята, всем привет. Я новичок в JS.  Вообщем есть код, который отлично работал в Fiddle (онлайн редактор js)
Но не работал на сайте.. Не мог понять почему.  Я ковырялся дня 2, по форумам искал ответы. 
Потом вдруг он перестал и в редакторе работать. 

Суть когда в том, что бы срабатывало однократно аудио при скролинге до определенного дива с классом "elem"
Вот собственно код:







JS Bin












А вот JS:
<ul><ul></ul></ul>﻿var fired = false;
var target = $('.elem');
var targetPos = target.offset().top;
var winHeight = $(window).height();
var scrollToElem = targetPos - winHeight;
$(window).scroll(function(){
  var winScrollTop = $(this).scrollTop();
  if(winScrollTop &gt; scrollToElem &amp;&amp; fired === false){
   var audio = new Audio('<a href="https://interactive-examples.mdn.mozilla.net/media/examples/t-rex-roar.mp3" rel="nofollow noopener noreferrer" target="_blank">https://interactive-examples.mdn.mozilla.net/media/examples/t-rex-roar.mp3</a>');
<a href="http://audio.play" rel="nofollow noopener noreferrer" target="_blank">audio.play</a>();fired = true;
  }
});

js продублировал в архиве,  при добавке на сайт добавляет знаки....

Надеюсь на вашу помощь. Спасибо не равнодушным!

Алексей Milovanov_01

Не работает javascript в html на сайте