0

ここで、私のgmapであるdivにvclickイベントをバインドしようとしているので、クリック(またはタッチ)するよりも、ページが私のマップページに変わります。しかし、コードに追加すると

$map.vclick(function(){
$.mobile.changePage($('#map_directions'));
)}; 

gmap は表示されず、div はクリックできません (私は

 $map.bind('vclick', function(e) {
    $(event.target).trigger('touchstart');
    $.mobile.changePage($('#map_directions'));
});

また

ここに私のコードがあります:

$(document).delegate('#info','pagecreate',function(){
var SelectedOptionClass = $('option:selected').attr('class');
$('div.ui-select').addClass(SelectedOptionClass);
$('#note_utilisateur').live('change', function(){
$('div.ui-select').removeClass(SelectedOptionClass);
SelectedOptionClass = $('option:selected').attr('class');
$('div.ui-select').addClass(SelectedOptionClass);
});
var $map = $("#info div:jqmData(role=place_map)");

$map.vclick(function(){
$.mobile.changePage($('#map_directions'));
)};

$map.gMap({
mapTypeControl:         false,
zoomControl:            false,
panControl:             false,
scaleControl:           false,
streetViewControl:      false,
latitude:43.320204,
longitude:21.892635,
zoom: 15,
onComplete: function() {
            $map.gMap('addMarker', {
            latitude:43.320204,
            longitude:21.892635,
            title:'Gnezdo',
            });
        }
});

});

およびhtml:

 <div class="ui-block-b" id = "place_map" data-role ="place_map" style="width:150px";>
            Loading map..
 <div>
4

1 に答える 1

0

次の例のように .on() メソッドを使用する必要があると思います。

  $( document ).on( "vclick", "#map", function() {
      ... do sth ...
    });
于 2013-05-06T13:37:13.843 に答える