簡體   English   中英

slidetoggle jQuery不會顯示

[英]slidetoggle jquery won't display

我只是想問為什么當我使用jsfiddle來構建帶有Slidetoggle的ul結構化檔案時,year> month>將其命名為WORKS,但是當我將其應用於我的檔案部分時,只有年份和月份有效,標題不會顯示,css對此有問題嗎?

   <?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>"; 

    }
    ?>

在jsfiddle中,它是這樣的
2014年
一月
二月
三月<<(單擊並顯示標題)
標題1
標題2

在我的檔案部分,它是這樣的
2014年
一月
二月
三月<<(單擊,但標題不會顯示)

順便說一下,這里是腳本的代碼:

$(document).ready(function() {
    $("#nav ul li:not(:has(li.current))").find("ul").hide().end() // Hide all other ULs
    .click(function() {
        if (event.target==this) {
        $(this).children('ul').slideToggle('fast');
            return false;
        }
    });
});

希望您能對此有所幫助,在此先感謝您。

您可以檢查一下我的小提琴Jquery Slidetoggle

終於,我得到了答案。。我在標題附近添加了一個多余的標簽,這就是為什么在刪除它后不顯示它的原因,現在我的檔案非常好。

<?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>"; 

}
?>

無論如何,感謝那些試圖忍受我的問題的人。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM