마우스가지도를 클릭 할 때 내가 jQuery를 UI 대화 상자를 표시하려면 다음 코드를 사용하고

클릭하여 Google지도에 jQuery를 UI 대화 상자를 여는 방법 : 모두 기능과 쇼() 함수를 클릭마우스가지도를 클릭 할 때 내가 jQuery를 UI 대화 상자를 표시하려면 다음 코드를 사용하고

GEvent.addListener(map, "click", clicked); 

function clicked(overlay, latlng) { 
    $('#dialog').show(); 
};

독자적으로 잘 작동하지만지도를 클릭하여 대화 상자를 열려고 할 때 표시되지 않습니다. 어떤 아이디어?

출처

2010-03-25 Vonder

다음과 같은 예를 체크 아웃 할 수 있습니다 :

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
    <title>Google Maps jQuery UI Demo</title> 
    <link type="text/css" href="themes/base/jquery.ui.all.css" rel="stylesheet" /> 
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false" 
       type="text/javascript"></script> 
    <script src="http://code.jquery.com/jquery-1.4.2.min.js" 
      type="text/javascript"></script> 
    <script src="jquery-ui-1.8.custom.min.js" type="text/javascript"></script> 

</head> 
<body onunload="GUnload()"> 
    <div id="map" style="width: 450px; height: 300px"></div> 
    <div id="dialog" title="Basic Dialog" style="display: none;">Dialog</div> 

    <script type="text/javascript"> 
     var map = new GMap2(document.getElementById("map")); 
     map.setCenter(new GLatLng(37.4419, -122.1419), 13); 

     GEvent.addListener(map, "click", function(overlay, latlng) { 
     $('#dialog').dialog(); 
     }); 
    </script> 
</body> 
</html>

스크린 샷 :

alt text http://img517.imageshack.us/img517/643/jquerygoogle.png

출처

2010-03-25 01:17:52

글쎄, 그게 내가 가진 적이 무엇을 생각합니다. – Vonder

@Vafello : 그대로 테스트했으며 대화 상자 div는지도를 클릭하면 표시됩니다. 전체 jQuery UI 대화 상자로 시도해 보았지만 제대로 작동 할 것이라고 가정합니다. Firebug에서 오류를 확인 했습니까? –

alert()로 작동하지만 jquery show() 함수와 반드시 같을 필요는 없습니다 ... – Vonder

마우스가지도를 클릭 할 때 내가 jQuery를 UI 대화 상자를 표시하려면 다음 코드를 사용하고

답변

관련 문제