Javascript 在tiptip中创建和提交表单

我刚刚实现了tiptip，并发现它非常好用。现在我想制作一个表单，并在tiptip工具提示中使用它，以便用户可以填写和提交它

我创建了tiptip作为

  $('.div').tipTip({
    maxWidth: 1000,
    defaultPosition: 'right',
    content: function (e) {
      $.ajax({
        url: 'tets.php', 
        datatype: JSON,
        success: function (response) {
        $('#tiptip_content').html(response);
        $('body').append(response).fadeIn('1000');// the var e is the callback function data (see above)
        }
      });
      return 'Please wait...'; // We temporary show a Please wait text until the ajax success callback is called.
    }
  });

我的工具提示中有一个表单。现在我一把鼠标放进去，它就消失了（很明显，最后是一个工具提示）。有什么方法可以达到我想要达到的目的吗

我的html

<div class="div">Hover on Me</div>

悬停在我身上

tets.php

<form id = "testForm" method="post" action="newEmptyPHP.php">
  <table width="400" border="0" align="center" cellpadding="5" cellspacing="0">
    <tr>
      <td width="150">Username</td>
      <td width="250"><input name="username" type="text" class="textfield" /></td>
    </tr>
    <tr>
      <td>Password</td>
      <td><input name="password" type="password" class="textfield" /></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><input name="remember" type="checkbox" value="d"> Remember me</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><input type="submit" name="login" value="Login" /></td>
    </tr>
  </table>
</form>

用户名
密码
记得我吗

“keepAlive:true of false（默认为false）-当设置为true时，仅当您将鼠标悬停在实际的TipTip上，然后将鼠标悬停在其上时，TipTip才会消失。”

尝试添加此属性并将其设置为true

更新：

示例如下：

---

当您将鼠标悬停在图像上，然后将鼠标悬停在tip上时，它似乎可以正常工作，但不会消失

你能解释一下你的问题吗？我看不到任何

，我怎么能包括我下载的外部js库？另外，我用来处理AJAX请求的另一个php文件？@Alexander Form是AJAX callCare解释Down vote，Downvoter的响应？当我使用它时，它会删除表单和工具提示，只有一个箭头是lefthmm。我用一个工作示例更新了我的答案。可能是ajax get导致了它的失败。