Я использую этот код HTML/jQuery для изменения фона onClick, но он не работает на мобильных устройствах.сценарий jQuery на мобильном телефоне
HTML:
<div class="team white background content">
<div class="overlay"></div>
<div class="worker-background" style="background-image:url(img/worker.jpg);z-index:-5;" id="first-worker-background"></div>
<div class="worker-background" style="background-image:url(img/background01.jpg);" id="second-worker-background"></div>
<div class="row">
<div class="large-12 columns headline">
<h2>Lernen Sie unser Team kennen</h2>
</div>
</div>
<!-- SOME CONTENT -->
<span class="first-worker">First Worker</span>
<span class="second-worker">Second Worker</span>
<div class="row">
<div class="large-12 columns team-select">
<span class="first-worker" style="background-image:url(img/worker_small.jpg)"><span class="worker-overlay" data-worker="Bernd Deus"></span></span>
<span class="second-worker" style="background-image:url(img/worker_small.jpg)"><span class="worker-overlay" data-worker="Michaela Deus"></span></span>
</div>
</div>
</div>
JQuery:
$(".first-worker").click(function() {
$("#first-worker-background").fadeIn("medium");
$(".first-worker-content").show();
$(".second-worker-content").hide();
});
$(".second-worker").click(function() {
$("#first-worker-background").fadeOut("medium");
$(".second-worker-content").show();
$(".first-worker-content").hide();
});
Вы можете посмотреть на него in the wild если вы хотите!
Спасибо за ваш ответ! Я получаю ту же консольную ошибку «ReferenceError: Google не определен». –
@JonasLoerken Что именно должно прийти туда. Вот в чем проблема. Это приводит к сбою других сценариев. –
@JonasLoerken Забыл ли вы включить JS Google Maps? –