¿Cómo puedo cargar archivos Javascript externos usando `paginit` en jQuery Mobile? - jquery, jquery-mobile

La barra de desplazamiento no se carga a menos que presione actualizar. Supongo que esto se puede solucionar con jQuery Mobile "s pageinit. Esto es lo que probé:

$("#summaryPage").live("pageinit", function(){
$.getScript("cubiq-iscroll-bad88fb/src/iscroll.js");
});

No dados. ¿Algunas ideas?

Respuestas

var jsonp = document.createElement("script");
jsonp.type = "text/javascript";
jsonp.src = "cubiq-iscroll-bad88fb/src/iscroll.js";
document.getElementsByTagName("body")[0].appendChild(jsonp);

esto debería funcionar bien. Si el .js funciona sin error. Espero que esto ayude.

Puedes probar:

<script>
$("#summaryPage").live("pageinit", function(){
var oHead = document.getElementsByTagName("HEAD").item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="other.js";
oHead.appendChild( oScript);
});
</script>

Intenta ejecutarlo antes de que aparezca la página:

$("div:jqmData(role="page")").live("pagebeforeshow",function(){
$.getScript("cubiq-iscroll-bad88fb/src/iscroll.js");
});

jQuery mobile $ (document) .ready equivalente

ya que .live quedará en desuso también puedes

$(document).on("pageinit", "#summaryPage", function(){
//append head element and custom script
});

También podría ser que está cargando suscripts demasiado tarde, naturalmente, si yo fuera usted, lo haría de inmediato tan pronto como el documento y / o dispositivo esté listo, y luego, cuando la página se inicie, compruebe si el elemento existe y, de lo contrario, active crear. También hay eventos que puedes escuchar en jquery mobile API, p. pagebeforecreate

O mejor aún, poner el código en una función global sin nombre:

function(){
//append your script here
}

puedes leer la documentación en jquery.com en la API