输入文本插件下的jquery弹出窗口

时间:2012-03-26 07:55:10

标签: jquery jquery-ui jquery-plugins

我正在寻找将在输入文本下打开html的jQuery插件。 Jest就像一个datepicker插件在输入文本下打开一个带日期的div,只需要我自己创建内容。有这样的插件吗?

我更喜欢使用jQuery ui,因为我已经使用过这个包。

2 个答案:

答案 0 :(得分:0)

我过去曾使用此http://code.drewwilson.com/entry/tiptip-jquery-plugin,您可以通过编程方式设置html内容,并将其定位在您想要的顶部/右侧/底部/左侧。

答案 1 :(得分:0)

您可以使用内容创建div,然后使用Jquery UI函数定位它:Position()

HTML:

<input type="text" id="yourTextBox" onFocus = "javascript:position()"/> 
<div id="Popup">The content that you want to see in your popup"</div>

的CSS:

    #yourTextBox{

    }
    div#Popup{

        position: absolute;
        display: none;

    }

Jquery的:

function position() {
$("#Popup").show();
        $( "#Popup" ).position({
            of: $( "#yourTextBox" ),
            my: "left top",
            at: "left bottom"
        });
    }

演示和文档:link