cakephp：弹出div中的jquery打开地图

Question

我在cakephp n jquery工作。我在cakephp中有一个图像，点击该图像我希望使用jquery在div弹出窗口中打开谷歌地图。 我成功地在同一页面上的div中打开地图，但我希望它在弹出窗口中。 我怎么做？  以下是我的代码：

//图片点击

<div class="for-route-img">
                                    <img class="fromid" id="fromId" src="/prjPool/images/route.png" />
                                </div>

// map在mapCanvas div中加载：     

  

<div id="markerStatus"></i></div>
<b>Current position:</b>
<div id="info"></div>
<b>Closest matching address:</b>
<div id="address"></div>

点击图片上的jquery：

    $('#fromId').click(function(){
    var txtFrom = $("#RideofferPlace").val();

            $.ajax({ 
   url: "test",
   type: "POST",
   data:  txtFrom,
   success: function(data) {
 $("#RideofferPlace").val("");

     initialize(); // this function loads the map

},
error: function (request, status, error) {

    }
        }

    );

});

如何使用jquery在弹出窗口中显示div？

Answer 1

解决了！ 我使用了来自http://dinbror.dk/bpopup/的bPopup 我在default.ctp中添加了名为：

的js n css

$('#mapCanvas').bPopup(); 

在jquery视图中。