Javascript 滑动切换jquery将不显示
我只是想问,为什么我用JSFIDLE构建一个ul li结构的档案,使用slidetoggle,year>month>title,但当我将它应用到我的档案部分时,只有year和month有效,标题不会显示,css对此有问题吗Javascript 滑动切换jquery将不显示,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我只是想问,为什么我用JSFIDLE构建一个ul li结构的档案,使用slidetoggle,year>month>title,但当我将它应用到我的档案部分时,只有year和month有效,标题不会显示,css对此有问题吗 <?php include("connection/connect.php"); $sql2 = mysqli_query($con, "SELECT DISTINCT YEAR(post_date) FROM posts ORDER BY YEAR(pos
<?php
include("connection/connect.php");
$sql2 = mysqli_query($con, "SELECT DISTINCT YEAR(post_date) FROM posts ORDER BY YEAR(post_date) DESC");
echo "<div id='nav'><ul>";
while($row2 = mysqli_fetch_assoc($sql2)){
foreach ($row2 as $year) {
echo "<li class='current'><b>$year</b><ul>"; //year
$sql3 = mysqli_query($con, "SELECT DISTINCT MONTH(post_date) FROM posts WHERE YEAR(post_date)='$year' ORDER by MONTH(post_date) DESC");
while($row3 = mysqli_fetch_assoc($sql3)){
foreach ($row3 as $month) {
echo "<li><a style='text-transform: none; color:#333; font-size: 14px;'>".date('F', mktime(0, 0, 0, $month, 1, 2000))."</a><ul>"; //month
$sql4 = mysqli_query($con, "SELECT * FROM posts WHERE MONTH(post_date)='$month' AND YEAR(post_date)='$year' ORDER by post_date DESC");
while($row4 = mysqli_fetch_assoc($sql4)){
$title2 = $row4['post_title'];
echo "<ul><li><a style='text-transform: none; color:#333; font-size: 12px;' href='pages.php?id={$row4['post_id']}'>".$title2."</a></li></ul>";//title
}
}
echo "</ul></li>"; //end month
}
echo "</ul></li>"; //end year
}
}
echo "</ul></div>";
}
?>
我希望你能在这方面帮助我,提前谢谢你
你可以检查一下我的小提琴,最后,我得到了答案。。我在标题附近添加了一个多余的标签,这就是为什么它不显示的原因,删除它后,现在我的档案工作得很好
<?php
include("connection/connect.php");
$select_posts = "SELECT post_id,post_date,post_title, YEAR(post_date) AS YEAR, MONTH(post_date) AS MONTH, COUNT(*) AS postCount FROM posts";
$run_posts = mysqli_query($con, $select_posts);
while ($row = mysqli_fetch_array($run_posts)){
$sql2 = mysqli_query($con, "SELECT DISTINCT YEAR(post_date) FROM posts ORDER BY YEAR(post_date) DESC");
echo "<div id='nav'><ul>";
while($row2 = mysqli_fetch_assoc($sql2)){
foreach ($row2 as $year) {
echo "<li class='current'><b>$year</b><ul>"; //year
$sql3 = mysqli_query($con, "SELECT DISTINCT MONTH(post_date) FROM posts WHERE YEAR(post_date)='$year' ORDER by MONTH(post_date) DESC");
while($row3 = mysqli_fetch_assoc($sql3)){
foreach ($row3 as $month) {
echo "<li><a style='text-transform: none; color:#333; font-size: 14px;'>".date('F', mktime(0, 0, 0, $month, 1, 2000))."</a><ul>"; //month
$sql4 = mysqli_query($con, "SELECT * FROM posts WHERE MONTH(post_date)='$month' AND YEAR(post_date)='$year' ORDER by post_date DESC");
while($row4 = mysqli_fetch_assoc($sql4)){
$title2 = $row4['post_title'];
echo "<li><a style='text-transform: none; color:#333; font-size: 12px;' href='pages.php?id={$row4['post_id']}'>".$title2."</a></li>";//title
}
}
echo "</ul></li>"; //end month
}
echo "</ul></li>"; //end year
}
}
echo "</ul></div>";
}
?>
无论如何,感谢那些试图解决我的问题的人。如果您可以在PHP生成HTML时添加HTML,那么就可以更容易地确定问题。您能在使用此代码的地方添加一个链接吗?css似乎在制造一个问题,问题在于if语句中的event.target是2014,而this=='li'元素。这就是为什么你的点击处理程序永远不会被执行。事实上,我认为“如果”的说法在这里是多余的。要解决此问题,您需要删除标记或更好地删除“if”语句,在这种情况下,您不需要检查事件目标。我尝试删除标记和if语句,但仍然不起作用。我仍然想知道为什么在fiddle中代码可以很好地工作,而在我的php中却不能。
<?php
include("connection/connect.php");
$select_posts = "SELECT post_id,post_date,post_title, YEAR(post_date) AS YEAR, MONTH(post_date) AS MONTH, COUNT(*) AS postCount FROM posts";
$run_posts = mysqli_query($con, $select_posts);
while ($row = mysqli_fetch_array($run_posts)){
$sql2 = mysqli_query($con, "SELECT DISTINCT YEAR(post_date) FROM posts ORDER BY YEAR(post_date) DESC");
echo "<div id='nav'><ul>";
while($row2 = mysqli_fetch_assoc($sql2)){
foreach ($row2 as $year) {
echo "<li class='current'><b>$year</b><ul>"; //year
$sql3 = mysqli_query($con, "SELECT DISTINCT MONTH(post_date) FROM posts WHERE YEAR(post_date)='$year' ORDER by MONTH(post_date) DESC");
while($row3 = mysqli_fetch_assoc($sql3)){
foreach ($row3 as $month) {
echo "<li><a style='text-transform: none; color:#333; font-size: 14px;'>".date('F', mktime(0, 0, 0, $month, 1, 2000))."</a><ul>"; //month
$sql4 = mysqli_query($con, "SELECT * FROM posts WHERE MONTH(post_date)='$month' AND YEAR(post_date)='$year' ORDER by post_date DESC");
while($row4 = mysqli_fetch_assoc($sql4)){
$title2 = $row4['post_title'];
echo "<li><a style='text-transform: none; color:#333; font-size: 12px;' href='pages.php?id={$row4['post_id']}'>".$title2."</a></li>";//title
}
}
echo "</ul></li>"; //end month
}
echo "</ul></li>"; //end year
}
}
echo "</ul></div>";
}
?>