0

私は現在、レイヤーを開くのが初めてです。また、jquery を使用してマウスオーバー イベントを使用する際に問題が発生しています。jquery を使用してツールチップを作成しました。このツールチップはマップから座標を出力します。これが私の例です。

<?php
 $init = "
map.events.register('mouseover', map, function (e) {
 var lonlat = map.getLonLatFromViewPortPx(e.xy);
 var selMinX=lonlat.lon-sizeSelection;
 var selMaxX=lonlat.lon+sizeSelection;
 var selMinY=lonlat.lat-sizeSelection;
 var selMaxY=lonlat.lat+sizeSelection;

 alert(e.pageX); // Showing the event.pageX isn't working.
     alert(selMinX); // Showing also one of the variables above isn't working.
 alert('hello'); // This msgbox works.

$(document).ready( function() {
        // Obviously I need to comment the mouseover function here 
        // since I am already using the mouseover event.
    // $('#map').mouseover(function(e) { 
       $('<div id='tooltip'><input type='text' id='coor'/></div>').appendTo('body');
    // });
});
});
        ";

?>

現在、本体セクションにツールチップを追加するコードに問題があると思われるため、マップが表示されていません。ここで達成したいのは、ドキュメントに入力ボックスを含む div を表示することです。

ありがとう。

4

1 に答える 1

0

ツールチップの追加で引用符を変更する必要があります。

 $("<div id='tooltip'><input type='text' id='coor'/></div>").appendTo('body');

最初のセレクターの最初と最後の引用符は二重引用符であることに注意してください。属性は一重引用符で囲みます。

私はphpを知りませんが、このように引用符をエスケープする必要があると思いますが、phpはそれを行います:

$(\"<div id='tooltip'><input type='text' id='coor'/></div>\").appendTo('body');

于 2012-06-13T01:26:15.790 に答える