jQuery +阿贾克斯实时搜索

发布于 2024-09-04 14:39:02 字数 137 浏览 6 评论 0 原文

我正在使用 w3schools 上的示例进行 mysql 数据库搜索并通过 ajax livesearch 检索一些结果，我想操作这些结果（拖放它们），但我遇到了问题，因为脚本在您输入搜索并获取结果之前加载所以它对搜索结果绝对没有任何作用。对此事有什么想法吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

善良天后 2024-09-11 14:39:02

啊-谢谢你的澄清。

您想要拖动的元素是在拖放初始化后创建的。您需要使它们可拖动：

例如，将“dragMe”作为类添加到项目中。从服务器填充列表后，然后使这些项目可拖动：

$('.dragMe').draggable();

我真的会研究 jQuery 的 ajax 函数及其自动完成

为了澄清和 jquery （针对您引用的示例） ):

function showUser(str)
{
   $.get( 'getuser.php', { q: str },
       function(data) {
          $('#txtHint').html( data ); // add the returned content to #txtHint
          $('#txtHint').find('.dragItem').draggable(); //make the new items draggable
       }, 'html' );
}

在你的 php 中，更改你的显示，使其成为可以拖动的块。

while($row = mysql_fetch_array($result))
  {
  echo "<div class="dragItem">"; // see how we're adding the 'dragItem' class? 
  echo "Firstname " . $row['FirstName'];
  echo "</div>";
  }

在那之后，您真的想做一些更多的研究，以更好地了解正在发生的事情。

Ah - thanks for the clarification.

The elements you want to drag are being created after the drag/drop initialization. You need make them draggable:

for example, add 'dragMe' as a class to the items. Once the list is populated from the server, then make those items dragable:

$('.dragMe').draggable();

I would really look into jQuery's ajax functions and their autocomplete

To clarify and for jquery (against your cited example):

function showUser(str)
{
   $.get( 'getuser.php', { q: str },
       function(data) {
          $('#txtHint').html( data ); // add the returned content to #txtHint
          $('#txtHint').find('.dragItem').draggable(); //make the new items draggable
       }, 'html' );
}

In your php, change your display so it is blocks that can be dragged.

while($row = mysql_fetch_array($result))
  {
  echo "<div class="dragItem">"; // see how we're adding the 'dragItem' class? 
  echo "Firstname " . $row['FirstName'];
  echo "</div>";
  }

past that, you'll really want to do some more research to get a better idea of whats going on.

回复收藏 0 原文

~没有更多了~