Nieudane wykonanie "replaceState" w "Historii" <local_URL> nie można utworzyć w dokumencie o początku "null"

Tworzę stronę do przejścia.Nieudane wykonanie "replaceState" w "Historii" <local_URL> nie można utworzyć w dokumencie o początku "null"

Kliknięcie na stronie powoduje przejście do innej strony - działa w przeglądarce Firefox, ale nie działa w przeglądarce Chrome.

Błąd pokazuje:

Uncaught SecurityError: Failed to execute 'replaceState' on 'History':
A history state object with URL 'file:///C:/Users/athite/Desktop/DEMO/page.html' cannot be created in a document with origin 'null'.**

Oto mój kod:

<!DOCTYPE html> 
<html> 
<head> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 
</head> 
<body> 

<div data-role="page" id="pageone"> 
    <div data-role="header"> 
    <h1>Welcome To My Homepage</h1> 
    </div> 

    <div data-role="main" class="ui-content"> 
    <p>Click on the link to see the slide effect.</p> 
    <a href="#pagetwo" data-transition="slide">Slide to Page Two</a> 
    </div> 

    <div data-role="footer"> 
    <h1>Footer Text</h1> 
    </div> 
</div> 

<div data-role="page" id="pagetwo"> 
    <div data-role="header"> 
    <h1>Welcome To My Homepage</h1> 
    </div> 

    <div data-role="main" class="ui-content"> 
    <p>Click on the link to go back. </p> 
    <a href="#pageone" data-transition="slide" data-direction="reverse">Go to Page One</a> 
    </div> 

    <div data-role="footer"> 
    <h1>Footer Text</h1> 
    </div> 
</div> 

</body> 
</html>

Źródło

2015-09-09 Learner

Problem wystąpił w jquery.mobile-1.4.5.min.js:3

Rozwiązanie:

Dodaj ten skrypt przed importowaniem w następujący sposób:

<script> 
    $(document).bind('mobileinit',function(){ 
     $.mobile.pushStateEnabled = false; 
    }); 
</script> 
<script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js"></script>

Źródło

2015-09-25 04:04:25

Rozwiązuje to problem. Jednak motyw używany w aplikacji mobilnej jest teraz pomieszany. Masz pojęcie, co to powoduje? – rams

Nieudane wykonanie "replaceState" w "Historii" <local_URL> nie można utworzyć w dokumencie o początku "null"

Odpowiedz

Powiązane problemy