2013-05-06 64 views
0

在此處輸入綁定vclick事件的div,其中是我的gmap,比單擊(或觸摸)時會將頁面更改爲我的地圖頁面。但是,當我加入到代碼JQuery mobile 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> 

回答

0

我認爲你應該使用的。對() - 方法就像下面的例子:

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

羅,將不是這樣了。 – 2013-05-06 13:59:36

+0

如果您複製方法1:1,它將無法正常工作,請將其調整爲您的代碼。 – zyrex 2013-05-06 14:03:39

+0

ofc我已經適應了它,我嘗試了幾種方法,但我不會讓div可點擊。 – 2013-05-06 14:20:06