Question

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

Answer 1

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

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

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

<强>更新

此处示例：http://jsbin.com/imeqes/2/

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

在tiptip中创建和提交表单

1 个答案: