2015-09-10 5 views
1

Я использую этот код 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 если вы хотите!

ответ

0

У вас ошибка в скрипте, который останавливает от работы:

var map_options = { 
    center: new google.maps.LatLng(latitude, longitude), 
    //----------^ Change it to Google or something. 
    zoom: map_zoom, 
    panControl: false, 
    zoomControl: false, 
    mapTypeControl: false, 
    streetViewControl: false, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    scrollwheel: false, 
    styles: style, 
} 
+0

Спасибо за ваш ответ! Я получаю ту же консольную ошибку «ReferenceError: Google не определен». –

+0

@JonasLoerken Что именно должно прийти туда. Вот в чем проблема. Это приводит к сбою других сценариев. –

+0

@JonasLoerken Забыл ли вы включить JS Google Maps? –

0

Я фиксированный идентификатор! Некоторые мобильные устройства не могут обрабатывать с помощью

background-attachment: fixed; 
background-size:cover; 
Смежные вопросы