Question

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

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

Answer 1

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

Answer 2

您可以使用内容创建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

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

2 个答案: