jquery-mobile - JQuery mobile vclick不会触发

Question

我在这里尝试将 vclick 事件绑定到我的 gmap 中的 div 上，因此在单击（或触摸）时它会将页面更改为我的地图页面。但是当我添加到代码

$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>

Answer 1

我认为您应该使用 .on() 方法，如下例所示：

  $( document ).on( "vclick", "#map", function() {
      ... do sth ...
    });