Question

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

$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 ...
    });

JQuery mobile vclick不会开火

1 个答案: