javascript - 可折叠 <UL> <LI> 不起作用

标签 javascript php formatting

我有一个 PHP 脚本,可以从 2 个单独的 SQL 表生成 ul/li 表。但是当我尝试使用 js 使它们可折叠时,它就是不起作用。

我是不是做错了什么?或者我错过了什么?任何帮助深表感谢。

JScript:

<script type="text/javascript" language="javascript">
$('#usernav').find('ul').slideUp();
$('.child').hide();
$('.parent').click(function() {
   $('#usernav').find('ul').slideUp();
   $(this).find('ul').slideToggle();
});
</script>

PHP:

<?php require_once('/Connections/TDBS_local.php'); 
mysql_select_db($database_TDBS_local, $TDBS_local);
$main_cat="SELECT * FROM main_category";
$main_query = mysql_query($main_cat, $TDBS_local) or die(mysql_error());
$main_result = mysql_fetch_assoc($main_query);
echo("<ul id='usernav'>");
do {
    echo("<li class='parent'>"); 
          $main_link = preg_replace("/[^A-Za-z0-9 ]/", '', $main_result['main_category']); 
          $main_link = strtolower($main_link); 
          $main_link = str_replace (' ','',$main_link);
        echo "<a href='categories/".$main_link."/index.php'>" .($main_result['main_category']). "</a>";
            echo("<ul class='child'>");
    $main_id = ($main_result['id']);
    $sub_cat="SELECT * FROM sub_category WHERE main_category_id = $main_id ";
    $sub_query = mysql_query($sub_cat, $TDBS_local) or die(mysql_error());
    $sub_result = mysql_fetch_assoc($sub_query);
        do {
          $sub_link = preg_replace("/[^A-Za-z0-9 ]/", '', $sub_result['sub_category']); 
          $sub_link = strtolower($sub_link); 
          $sub_link = str_replace (' ','',$sub_link);
                echo("<li><a href='categories/".$main_link."/".$sub_link.".php'>" .$sub_result['sub_category']. "</a></li>");
        } while ($sub_result = mysql_fetch_assoc($sub_query));
            echo(" </ul>
    </li>");
    } while ($main_result = mysql_fetch_assoc($main_query));
    echo("</ul>");
 mysql_free_result($main_query);
 mysql_close($TDBS_local);
?>

最佳答案

试试这个..

<script>
$(function(){
$('#usernav').find('ul').slideUp();
$('.child').hide();
$('.parent').click(function() {
   $('#usernav').find('ul').slideUp();
   $(this).find('ul').slideToggle();
});
});
</sciprt>

关于javascript - 可折叠 <UL> <LI> 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28810747/

相关文章:

javascript - Jquery FadeIn/FadeOut 太突兀

javascript - Django 中没有来自 Ajax 的 POST 数据

php - 使用 MAMP 时连接到非本地托管数据库?

php - 一个js文件在另一个php文件中的Javascript : calling document. ready()函数

python - pandas DataFrame 中的自定义浮点格式

windows - 在 Windows 批处理脚本中格式化日期和时间

javascript - jQuery:如何获取列表元素的索引

javascript - 有没有办法打印特定DIV的内容

php - "PHP has encountered an Access Violation at 16B357F9"

php - 在 PHP 中转换日期格式