Question

我正在PHP中构建一个简单的待办事项列表应用程序。我正在使用以下代码通过ajax在一个页面上显示所有待办事项列表的标题

 $sql2 = mysql_query("SELECT id, todo FROM todo");

while($row = mysql_fetch_array($sql2))
{
$todo1 = $row["todo"];
$todofeed.='

<ul>
    <li>' . $todo1 . '</li>
</ul>   

';
  }
  print "$todofeed";

现在我想创建一个界面，使用户点击一个待办事项列表标题，该列表中的所有项目都通过一些jQuery效果显示...任何方式？我需要一个方向......谢谢:)。

Answer 1

这是一个很好的教程，介绍如何使用PHP和JQuery创建一个todolist应用程序：AJAX-ed Todo List With PHP, MySQL & jQuery

Answer 2

使用display:none在div中获取该待办事项列表的所有项目。然后，使用Jquery .click将其display属性更改为visible。

<script>
$("#todolist_title").click(function() {
  $("#todolist_items").css('display' , 'visible');
});
</script>

<div id='todolist_title'>Title</div>
<br />
<div id='todolist_items' style='display:none'>
1.Item1<br />
2.Item2<br />
3.Item3<br />
</div>

Answer 3

请在要填充todofeeds的页面上添加此代码

<script type="text/javascript">
function todolist() {
$('#todolist').load("PHP Page Path Where you execute Query").slideDown();   
}
</script>

<div id="todolist" style="display:none"></div>

请在PHP页面上包含数据库连接。

在PHP中的待办事项列表

3 个答案: