I want to load a map into a div but im cant make it work (map is not loading) using 1.4.3 jquery mobile version.
Everything is working under jquery mobile 1.1.0, but not with 1.4.3.
I was reading some other posts in stackoverflow forum related with new versions of jquery mobile specification, but i didnt manage to make it work.
Javascript (working with v. 1.1.0):
$(document).bind("mobileinit", function () { $.mobile.ajaxEnabled = false; });
$(Start); function Start() { $(".ui-collapsible-heading").live("click", function () { var latlng = new google.maps.LatLng(39.945334, -75.168041); var myOptions = {zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP}; var map = new google.maps.Map(document.getElementById("googleMap"), myOptions); google.maps.event.addListener(map, 'click', function (event) { marker = new google.maps.Marker({position: event.latLng, map: map}); alert(event.latLng); }); }); }
How can i modify my code in order to accomplish the same result using Jquery Mobile 1.4.3 ?