jquery弹出窗口不会定位

Question

当用户输入文本框时，我会显示一个jquery移动弹出窗口。我无法弄清楚的几个问题。

1. 如果我通过单击按钮显示弹出窗口，它会很好地从右侧滑入，但会滑入目标文本字段的中间，而不是所需的右侧。
2. 如果我在用户输入文本字段（获得焦点）时显示它，它将不再从右侧滑入并且位于错误的位置。
3. 在事实之后定位它没有任何影响。
4. 文本框失去了弹出窗口的焦点，我无法输入。

这是我的代码：

的Javascript

function showPwdHints(x) {
    x.style.background = "yellow";
    $('#popbox').popup('open');
    $('#popbox').position({
        my: "left center",
        at: "right center",
        of: "#pwd"
    });
}

HTML

<s:password label="New Password" name="NewPwd" class="infoReset" id="pwd" onfocus="showPwdHints(this)"/>
<div data-role="main" class="ui-content">
    <a href="#popbox" data-rel="popup" class="ui-btn ui-btn-inline" data-transition="slide" data-position-to="#pwd" data-dismissible="false">Password Rules</a>
    <div data-role="popup" id="popbox" class="ui-content" data-arrow="l">
          password hints
    </div>
</div>

此屏幕截图显示了我在“新密码”字段中单击后的状态。我希望弹出窗口位于字段的右侧，文本框应该具有焦点，以便我可以开始键入并开始实时验证。 有什么建议吗？