javascript - 如何将 jAlerts 与 div 相关联？

Question

我有一个名为 input 的 div，如何在这个 div 旁边显示 jAlert？

jAlert：http ://www.smooka.com/blog/2009/02/22/jalert-jquery-alert-box-plugin/

Answer 1

您可以使用以下代码示例手动设置 jAlert 的 css： 1. 首先您必须获取 jAlert 库使用的 uid。2. 然后只需设置 jalert_overlay_ 元素的 css。

 if (uid == undefined)
    {   //generate an unique ID
        var d = new Date();
        var uid = d.getMonth()+""+d.getDate()+""+d.getHours()+""+d.getMinutes()+""+d.getSeconds();

        }

$("#jalert_overlay_"+uid).css({
                                              top: 0, 
                                              left: 0, 
                                              width: overlayWidth, 
                                              height: overLayHeight, 
                                              position: "fixed",
                                              display: "block",
                                              background: "#000",
                                              zIndex: "1000"
                                          })
                $("#jalert_overlay_"+uid).css("opacity", 0.7);

希望这会对你有所帮助。如果您还有任何问题，请告诉我。

Answer 2

试试这个 ：

var divInput= $("#input").position();

$("#jAlertId").css('position','absolute')    //if position is not absolute already
$("#jAlertId").css('top',divInput.top+2).css('left',divInput.left+2);   //+2 or whatever figure u need