JQuery.find()在IE中不适用于我
我一整天都在努力解决这个问题,并尝试着完成本文中概述的步骤,但我无法发现问题所在 我正在使用quicktree插件显示无序列表中的树 如果我拆下这条线JQuery.find()在IE中不适用于我,jquery,html,internet-explorer,Jquery,Html,Internet Explorer,我一整天都在努力解决这个问题,并尝试着完成本文中概述的步骤,但我无法发现问题所在 我正在使用quicktree插件显示无序列表中的树 如果我拆下这条线 <li><a href="#" title="Add a New Page" class="addnewpage-icon addnewpage" id="addnewpageid5">hello<a/>world</li> 一个 两个 nmnmnm AAAA nmnmnm 一个 两个 h
<li><a href="#" title="Add a New Page" class="addnewpage-icon addnewpage" id="addnewpageid5">hello<a/>world</li>
- 一个
- 两个
- nmnmnm
- AAAA
- nmnmnm
-
- 一个
- 两个
- hghghgh
- NMNMNM
将
更改为将
更改为
哈哈,我盯着看了太久,看不见树木了!由于新功能,尚无法接受您的答案。谢谢@这里有狼-一个弹出的对话,倒计时的时间,直到你可以接受一个答案。我第一次看到它。呵呵,任何人都可能发生这种事。很高兴能帮上忙:哈哈,我盯着看太久了,看不见树林了!由于新功能,尚无法接受您的答案。谢谢@这里有狼-一个弹出的对话,倒计时的时间,直到你可以接受一个答案。我第一次看到它。呵呵,任何人都可能发生这种事。很高兴能帮忙:P
<head>
<title>jQuery quickTree plugin example</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rel="stylesheet" type="text/css" href="http://www.prismstudio.co.uk/tutorials/quickTree/0.4/quickTree.css" />
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
jQuery.fn.quickTree = function() {
return this.each(function(){
//set variables
var $tree = $(this);
var $roots = $tree.find('li');
//set last list-item as variable (to allow different background graphic to be applied)
$tree.find('li:last-child').addClass('last');
//add class to allow styling
$tree.addClass('tree');
//hide all lists inside of main list by default
$tree.find('ul').hide();
//iterate through all list items
$roots.each(function(){
//if list-item contains a child list
if ($(this).children('ul').length > 0) {
//add expand/contract control
$(this).addClass('root').prepend('<span class="expand" />');
}
}); //end .each
//handle clicking on expand/contract control
$('span.expand').toggle(
//if it's clicked once, find all child lists and expand
function(){
$(this).toggleClass('contract').nextAll('ul').slideDown();
},
//if it's clicked again, find all child lists and contract
function(){
$(this).toggleClass('contract').nextAll('ul').slideUp();
}
);
});
};
</script>
<script type="text/javascript">
$(document).ready(function(){
$('ul.quickTree').quickTree();
});
</script>
</head>
<body>
<ul id="0" class="quickTree">
<li id="currentId4"><a href="editpage/5" class="show-always">home</a>
<ul id="4">
<li><a href="editpage/5" class="show-always">home</a> one</li>
<li><a href="editpage/5" class="show-always">home</a> two</li>
<li><a href="editpage/5" class="show-always">home</a> nmnmnm</li>
<li><a href="editpage/5">home</a> aaaaa</li>
<li><a href="editpage/4" class="show-always">hello<a/>world</li>
<li><a href="editpage/5" class="show-always">home</a> nmnmnm</li>
<li><a href="#" title="Add a New Page" class="addnewpage-icon addnewpage" id="addnewpageid5">hello<a/>world</li>
</ul>
</li>
<li id="currentId5"><a href="editpage/5" class="show-always">where</a>
<ul id="4">
<li><a href="editpage/5" class="show-always">home</a> one</li>
<li><a href="editpage/5" class="show-always">home</a> two</li>
<li><a href="editpage/5" class="show-always">home</a> hghghgh</li>
</ul>
</li>
<li><a>nmnmnmnm <a/></li>