javascript - 下面给出的 javascript 和 jquery 函数在 MAC safari 中不起作用，但在所有其他设备和浏览器中都起作用

Question

var slideInd = 1;
showDiv(slideInd);

function plusDiv(m) {
  showDiv(slideInd += m);
}

function currentDivs(m) {
  showDiv(slideInd = m);
}

function showDiv(m) {
  var j;
  var y = document.getElementsByClassName("mySlides");
  if (m > y.length) {
    document.getElementById('out').innerHTML = '1' + ' of 3';
  } else if (m < 1) {
    document.getElementById('out').innerHTML = y.length + ' of 3';
  } else if (m >= 1) {
    document.getElementById('out').innerHTML = slideInd + ' of 3';
  }

  if (m > y.length) {
    slideInd = 1
  }
  if (m < 1) {
    slideInd = y.length
  }
  for (j = 0; j < y.length; j++) {
    y[j].style.display = "none";
  }
  y[slideInd - 1].style.display = "block";
}

<div class="mySlides">
<img class="animation-element slide-down-3 img-responsive" src="https://cdn.msisurfaces.com/images/lookbook/invincibles/car3/gris-antoni-porcelain.jpg">
</div>
<div class="mySlides">
<img class="animation-element slide-down-1 img-responsive" src="https://cdn.msisurfaces.com/images/lookbook/invincibles/car3/cafe-antoni-porcelain.jpg">
</div>
<div class="mySlides">
<img class="animation-element slide-down-1 img-responsive" src="https://cdn.msisurfaces.com/images/lookbook/invincibles/car6/prescott-katella-ash-vinyl-flooring.jpg">
</div>

<div id="arrow1" class="arrow-rgt">

<a class="" onclick="plusDiv(-1)"><img class="img-responsive arrow-left" src="https://cdn.msisurfaces.com/images/lookbook/arrow-left-half.png"></a>

<span class="arrow-span" id="out"></span>

<a class="" onclick="plusDiv(1)"><img class="img-responsive arrow-right" src="https://cdn.msisurfaces.com/images/lookbook/arrow-right-half.png"></a>
			</div>	

鉴于javascript函数在所有浏览器和除mac safari浏览器之外的所有设备中都可以正常工作但是如果我打开inspect元素是safari浏览器，那么如果我关闭inspect元素选项卡，这个函数就可以正常工作，那么它就不会工作

请帮我解决这个问题

上面的 span 标签不仅在 mac book safari 中工作

标签： javascriptjqueryhtmlcss