![](https://iknow-base.cdn.bcebos.com/lxb/notice.png)
jquery 追加元素之后不能追加点击事件! 代码附后:追加的元素掉用不到app()方法。求解
<html><head><metacharset="UTF-8"><title>BasicCombo-jQueryEasyUIDemo</title><linkrel="...
<html>
<head>
<meta charset="UTF-8">
<title>Basic Combo - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<link rel="stylesheet" type="text/css" href="../demo.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<style type="text/css">
.c1{
color:red;
}
.c2{
color:blue;
}
</style>
</head>
<body>
<div class="demo-info" style="margin-bottom:10px;background-color:#FFFFF;width: 20%;height: 100%">
<ul style="cursor:pointer">
<li class="c1" onclick="app('a')" id="a">a</li>
<li class="c1" onclick="app(b)" id="b">b</li>
<li class="c1" onclick="app(c)" id="c">c</li>
</ul>
</div>
<script type="text/javascript">
function app(id){
var val = $("#"+id).text();
var c = $("#"+id).attr("class");
if(c=="c1"){
$("#"+id).attr("class","c2");
var str = "<ul>";
for(var i = 0 ; i<3 ;i++){
str = str +'<li class="c1" onclick="app(\''+val+i+'\')">'+val+i+'</li>'
}
str = str + "</ul>";
$("#"+id). after(str);
}
else {
$("#"+id).attr("class","c1");
$("#"+id).next().remove();
}
}
</script>
</body>
</html> 展开
<head>
<meta charset="UTF-8">
<title>Basic Combo - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<link rel="stylesheet" type="text/css" href="../demo.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<style type="text/css">
.c1{
color:red;
}
.c2{
color:blue;
}
</style>
</head>
<body>
<div class="demo-info" style="margin-bottom:10px;background-color:#FFFFF;width: 20%;height: 100%">
<ul style="cursor:pointer">
<li class="c1" onclick="app('a')" id="a">a</li>
<li class="c1" onclick="app(b)" id="b">b</li>
<li class="c1" onclick="app(c)" id="c">c</li>
</ul>
</div>
<script type="text/javascript">
function app(id){
var val = $("#"+id).text();
var c = $("#"+id).attr("class");
if(c=="c1"){
$("#"+id).attr("class","c2");
var str = "<ul>";
for(var i = 0 ; i<3 ;i++){
str = str +'<li class="c1" onclick="app(\''+val+i+'\')">'+val+i+'</li>'
}
str = str + "</ul>";
$("#"+id). after(str);
}
else {
$("#"+id).attr("class","c1");
$("#"+id).next().remove();
}
}
</script>
</body>
</html> 展开
2个回答
展开全部
function app(id){
var val = $("#"+id).text();
var c = $("#"+id).attr("class");
if(c=="c1"){
$("#"+id).attr("class","c2");
var str = "<ul>";
for(var i = 0 ; i<3 ;i++){
str = str +'<li class="c1" id="'+(val+i)+'" onclick="app(\''+val+i+'\')">'+val+i+'</li>'
}
str = str + "</ul>";
$("#"+id). after(str);
}
else {
$("#"+id).attr("class","c1");
$("#"+id).next().remove();
}
}
亲测可以
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询