-1

基本上我只是在询问我的想法的最佳方法。所以，我现在拥有的是一个从 MySql 存储我的所有表信息的类，有效地允许我提取数据，例如 ->username ->age。

这是我接下来要实现的目标的模型。

https://dl.dropbox.com/u/61550675/mockup.png

当一个人点击一个头像时，我希望信息块 div 与来自该人的 mySql 数据一起向下滑动（容易）（不确定）。因此，它会使用单击的人员数据进行刷新。

最好的方法是什么？我会喜欢一些想法！

谢谢。

4

2 回答 2

1

使用 javascript 在元素单击时对服务器进行 ajax 调用，将用户信息加载到 DIV 中，然后将其滑动打开。您可以使用像jQuery这样的库来完成所有这些工作。

于 2013-04-03T23:01:58.783 回答
0

  1. 注意“什么是最好的方法”问题——这些不是建设性的。

  2. 您不需要使用 AJAX 调用 - 只需加载用户信息并将其输出到隐藏的 div（例如，使用具有display: none;规则的 CSS 类，或者只需编写内联 CSS 属性<div style="display: none;">CONTENT</div>）

  3. 在mouseoveror之后click（这是您的选择，但mouseover我猜更好）只显示隐藏的 div。
  4. 在mouseout（或另一个click）上再次隐藏该 div 。
  5. 为此使用slideDown()+slideUp()或简单的show()+hide()函数（甚至fadeIn()+ fadeOut()）。

* 函数调用来自jQuery框架...

应该够了。

编辑： 为了长期和（页面加载）加速目的，正如BotskoNet 所建议的那样，使用 AJAX将是一个更好的解决方案。出于这个原因，在检索用户及其头像时 -SELECT只有一个具体的列，这意味着，如果您需要avatar, name, surname, user_id，请执行以下操作：

SELECT `avatar`, `name`, `surname`, `user_id` FROM `users` ORDER BY `name`, `surname` ASC

不要做

SELECT * FROM `users`

由于这种类型的查询会加载不必要的信息，因此需要更多资源（线性取决于用户数量）。

然后将在 AJAX 请求之后检索剩余的信息，例如：

SELECT `short_bio`, `rating`, `country`, `website` FROM `uesers` WHERE `user_id` = <USER_ID FROM POST/GET>

那应该没问题。

于 2013-04-03T23:06:11.590 回答