0

我刚刚实现了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>
4

1 回答 1

1

http://code.drewwilson.com/entry/tiptip-jquery-plugin

“keepAlive: true of false（默认为 false）- 当设置为 true 时，TipTip 只会在您将鼠标悬停在实际的 TipTip 上然后将鼠标悬停在它上面时淡出。”

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

更新：

这里的例子：http: //jsbin.com/imeqes/2/

当您将鼠标悬停在图像上时似乎可以正常工作，然后将鼠标悬停在提示上，它会停留在那里。

于 2013-02-16T10:34:37.823 回答