Question

伟大的社区：）

我有一个类别列表，它有嵌套的子类别列表，它是隐藏的。我的问题是父类别有链接到页面，我想在它们旁边添加“+”符号，所以如果点击“+”子列表将被展开，“+”将被替换为“ - ”（用于关闭）），如果您单击类别名称，您将进入该页面。所以我需要chaning +和 - 以及cclick选项，如果你能理解我，我的英语很糟糕:)）

以下是我要创建的代码：

$(document).ready(function() {
 $("ul#sitemap li ul").hide();
 $('ul#sitemap li:has(> ul)').prepend(' <a href="javascript:;" class="open">+</a>');
 $('ul#sitemap li a.open').click(function () {
   $(this).html('-').removeClass('open').addClass('clicked'); 
   $("ul li>ul:visible").hide("slow");
   $(this).parent('li').find('ul').slideDown();
 });

 $('sitemap li a.clicked').click(function () {
   $(this).html('+').removeClass('clicked').addClass('open'); 
   $(this).parent('li').find('ul').slideUp();
 });
});

Answer 1

使用

对于新创建的锚标记，

live ，这应该可以正常工作

$('ul#sitemap li a.open').live ( "click" , function () {

和

$('sitemap li a.clicked').live ( "click" , function () {

如何：可扩展的嵌套列表？

1 个答案: