如何将jAlerts放在div中?

时间:2013-03-17 15:05:15

标签: javascript jquery html

我有一个叫做输入的div,如何在这个div旁边显示jAlert?

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

2 个答案:

答案 0 :(得分:2)

您可以使用以下代码示例手动设置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);

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

答案 1 :(得分:0)

试试这个:

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