javascript - 使用 jQuery 选择仅在鼠标悬停时存在的 DIV

Question

我有几个 div在用户将鼠标放在某个 img 上之前不存在这会导致 div弹出窗口，通过 Google Maps API 完成。创建 div(在屏幕上弹出)时，如何使用 jQuery 来选择它？

当前代码:

$(function() {
    var height = $("#infobox_content").height();
    $("#infobox").css('height', height);    

});

这不起作用，因为 div 尚不存在。

---

更新

---

创建当鼠标悬停在 Google map 标记上时弹出的 DIV 的 PHP 代码请注意，每组 <div>创建的具有相同的 ID infobox , infobox_content .我可以添加一个数字使它们独一无二，但随后我需要更改我的 CSS 样式表以选择 infobox1, infobox2, infobox3.... infobox10

foreach($config['markers'] as $marker) {
            $marker_number++;

            $map_JS .= '
            var boxText = document.createElement("div");
            boxText.style.cssText = "";
            boxText.innerHTML = "<div id=\'infobox\'> \
                                    <div id=\'infobox_content\'> \
                                        <strong>'.$marker['name'].'</strong><br /> \
                                        <p class=\'infobox_content\'> \
                                            143 1st St<br> \
                                            Cambridge MA 021232 \
                                    </div> \
                                </div>";

            var myOptions = {
                 content: boxText
                ,disableAutoPan: false
                ,maxWidth: 0
                ,pixelOffset: new google.maps.Size(-40, 0)
                ,zIndex: null
                ,boxStyle: { 
                    background: "none",
                    opacity: 0.85
                 }
                ,closeBoxMargin: "10px 2px 2px 2px"
                ,closeBoxURL: ""
                ,infoBoxClearance: new google.maps.Size(1, 1)
                ,isHidden: true
                ,pane: "floatPane"
                ,enableEventPropagation: false
                ,infoBoxClearance: new google.maps.Size(10, 10)
            };

            var infobox'.$marker_number.' = new InfoBox(myOptions);
            infobox'.$marker_number.'.open(map, marker'.$marker_number.');
            ';
        } 

为 Google Maps API 生成 Javascript 的 PHP 代码:

foreach($config['markers'] as $marker) {
            $marker_number++;
            $map_JS .= '

/* 这部分处理鼠标悬停 */

            google.maps.event.addListener(marker'.$marker_number.', "mouseover", function(event) {
                infobox'.$marker_number.'.show();

                var height = $("#infobox_content").height();
                $("#infobox").css("height", height);

            });
}

***以上代码的结果是$("#infobox").css("height", height)仅适用于第一个 <div>创建...

Answer 1

看看live():http://api.jquery.com/live/