Google Maps API v3标记事件+ jQuery UI标签的问题

时间:2014-04-23 14:21:28

标签: jquery-ui google-maps-api-3 tabs

我有一个带有标签的html页面(jquery ui标签)。

<div id="tabs">
    <ul>
        <li><a href="#tabs-0"><wp:i18n key="MAP" /></a></li> 
        <li><a href="#tabs-1"><wp:i18n key="ABSTRACT" /></a></li> 
        <li><a href="#tabs-2"><wp:i18n key="PARTNERSHIP" /></a></li>
    </ul>

    <div id="tabs-0">   
        <%@include file="inc_tabs/project_map.jsp" %>
    </div>        
    <div id="tabs-1">   
        <%@include file="inc_tabs/project_abstract.jsp" %>
    </div>
    <div id="tabs-2">
        <%@include file="inc_tabs/project_contacts.jsp" %>
    </div>

</div> 

在第一个标签中,我有一个带有一些标记的谷歌地图。我必须向标记添加单击事件以更改选定的选项卡。点击我要更改为标签2。

这是我的代码:

    var marker5= new google.maps.Marker({
        position: new google.maps.LatLng(44.451681,8.755302)
    }); 

    google.maps.event.addListener(marker5, 'click', function() {
        window.location.href='<wp:url page="projectdetails"><wp:urlPar name="projectId" ><c:out value="${project.id}" />#tabs-2</wp:urlPar></wp:url>';
    });  
重新加载点击页面的

,浏览器中的网址从

更改
http://localhost:8080/ENPIM/en/projectdetails.page?projectId=63963

http://localhost:8080/ENPIM/en/projectdetails.page?projectId=63963#tabs-2

但未选中标签...

任何人都可以帮助我吗?

感谢

安德烈

1 个答案:

答案 0 :(得分:0)

jQuery只会观察#tabs内的点击次数。更改网址不会对$.tabs()

产生影响

触发特定链接的点击事件:

$('a[href="#tabs-2"]','#tabs' ).click();