No se pueden llamar las funciones del primer archivo javascript incluido del segundo archivo js incluido

Question

Dec 13, 2016, 09:14 AM

javascript android jquery android-browser cordova

No se pueden llamar las funciones del primer archivo javascript incluido del segundo archivo js incluido

Estoy haciendo una aplicación de Android con Apache Cordova. Todo funciona en Android 6.0, que usa Chrome de forma predeterminada, el problema está en Android 4.2.2 (Samsung Galaxy S4 mini) que usa el navegador predeterminado de Android.

Si no me equivoco, la aplicación se "inicia" en el navegador predeterminado de Android después de compilarse con cordova e instalarse en el sistema operativo Android.

En el navegador predeterminado de Android, la página está vacía al cargar. Pero en Chrome todo funciona bien.

El problema está en el navegador predeterminado de Android 4.2.2. No funciona en el navegador predeterminado para Nokia 1520 (que usa el sistema operativo Windows Phone).

index.html:

<!DOCTYPE html>
<html>
    <head>
        <script src="js/jquery-3.1.1.min.js" type="text/javascript"></script>
        <script src="2.js" type="text/javascript"></script>
        <script src="1.js" type="text/javascript"></script> 
    </head>
    <body>
        <div id="content">
        </div>
    </body>
</html>

1.js:

$(document).ready(function() {
    $('#content').html("<span>test3</span>"); // Works fine (i can see test3 on the page).
    showLogin();
});

2.js (nada dentro de este archivo funciona, no puedo ver test1 ni test2 en la página):

$('#content').html("<span>test1</span>");

function showLogin() {
    $('#content').html(`<span>
                        test2
                        </span>`);
}

Lo que intenté # 1

También intenté llamar alshowLogin() dentrosetTimeout():

setTimeout(function() {
    showLogin();
}, 1000);

Lo que intenté # 2

1.js:

$(document).ready(function() {
    $('#content').html("<span>test3</span>"); // Works fine.
    showLogin();
});

2.js (nada dentro de este archivo funciona):

$(document).ready(function() {
 $('#content').html("<span>test1</span>");

    function showLogin() {
        $('#content').html(`<span>
                    test2
                    </span>`);
    }
});