jQuery在元素旁边放置文本

<h:inputText id="usernameInput" value="#{userBean.un}" 
       styleClass="form-control" required="true" 
       onfocus="popupMessage(this, 'username');"> 
       <f:validateRegex pattern="([a-zA-Z_0-9]+)"></f:validateRegex> 
      </h:inputText> 

function popupMessage(element, stringVal) { 
       var position = $(element).position(); 
       if(stringVal === "username"){ 
        $(element).text("left: " + position.left + ", top: " + position.top) ; 
       }else if(stringVal === "password"){ 

       }else{ 

       } 
      }

我试图使用此代码在输入字段旁边放置消息。在上面你可以看到元素和脚本。我想要的是基于输入类型，无论是用户名还是密码，我希望在文本字段旁边显示一条消息，告诉用户输入的内容。我打算在输入端添加一个onblur事件，以使消息消失。jQuery在元素旁边放置文本

我可以在控制台视图中的元素中显示文本，但页面上没有任何内容。我如何正确定位此消息？（“现在注意消息只是呼叫元素的位置”）

谢谢！

来源

2014-11-08 Michael Miner

-To positon text message beside input text field. You have to use the Jquery .css() method. 

-The .position() method allows us to retrieve the current position of an element relative to the offset parent. Contrast this with .offset(), which retrieves the current position relative to the document. You have to use the right method which helps you.

Jquery .text（string）方法有助于在匹配的选择器上显示文本，但不能定位它。

$(element).css({ 
       "left" :position.left 
       ,"top" :position.top 
       });

来源

2014-11-08 20:24:57

当您使用Primefaces时，为什么不使用<p:tooltip>组件？您可以轻松实现您使用Primefaces Tooltip所要做的事情。

来源

2014-11-09 04:35:16 siva636

jQuery在元素旁边放置文本

回答

相关问题