代码之家 › 专栏 › 技术社区 › Nicholas Murray

JQuery.find()在IE中对我不起作用

internet-explorer html jquery

Nicholas Murray · 技术社区 · 14 年前

question 但我看不出问题所在。

我正在使用quicktree插件显示无序列表中的一棵树。

如果我把线移开

<li><a href="#" title="Add a New Page" class="addnewpage-icon addnewpage" id="addnewpageid5">hello<a/>world</li>

它工作,但与线包括它不会。

镀铬和FF都很好。

<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&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a/></li>

1 回复 | 直到 10 年前

Stephan Muller 14 年前

改变 <a/> 到 </a>

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前