1

私はcakephp n jqueryで働いています。Cakephp に画像があり、その画像をクリックすると、jquery を使用して div ポップアップで Google マップを開きたいと考えています。同じページのdivでマップを開くことには成功しましたが、ポップアップにしたいです。それ、どうやったら出来るの？以下は私のコードです：

//画像クリック

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

//マップは 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を表示するにはどうすればよいですか?

4

1 に答える 1

1

解決しました！http://dinbror.dk/bpopup/のbPopup を使用しました。default.ctp n に js n css を追加しました。

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

ビューのjqueryで。

于 2013-02-19T05:20:01.647 に答える