我是 jquery 的新手,想制作一个滑动表。orinal 表有 3 个级别:
<ul class="categories">
<li id="category1">1 element</li> //parentid=0
<li id="category2">2 element</li> //parentid=0
<ul>
<li id="category3">1 element of element id2</li> //parentid=2
<ul>
<li id="category4">1 element id3</li> //parentid=3
</ul>
</li>
</ul>
</li>
</ul>
第一级元素有parentid = 0,id=1++,下一级有嵌套的parentid,并且有自己的id等等。
页面加载只有 1 级, parentid = 0。
<ul class="categories">
<li id="category1">1 element</li> //parentid=0
<li id="category2">2 element</li> //parentid=0
</ul>
然后我要点击 li,取 id ID - go to file,执行 mysql,获取变量中的新表,将其带回并在 LI 下滑动切换。
php端
if(isset($_POST['subcategory'])){
$subcategory = str_replace('category', '', $_POST['subcategory']);
echo build_category_tree($subcategory); // builds the UL tree
}
这会返回我的 ID,我需要返回列表并切换它。
现在新的 UL 已连接,但我的 jquery 无法使用它,用下面的脚本更新了脚本,但仍然不能。
更新的jQuery
$(".tablecategoryname").on('click', function(){
var $a = $(this).closest('li').attr('id');
var $c = $(this).closest('li');
$.ajax({
type: "POST",
url: "functions.php",
data: {subcategory:$a},
cache: false,
success: function(data)
{
$(data).hide().insertAfter($c).slideDown(400);
}
});
});