各位,我现在遇到一个情况。
我用jquery
$("#startingCover").after("<div class='windows icon'>"
+"<div class='menubar'>"
+"<div class='menu_title'></div>"
+"<div class='menu_button'>"
+"<div id='min' title='最小化' class='changesize btns_menu'></div>"
+"<div id='close' title='关闭' class='close btns_menu'></div></div></div>"
+"<div class='windows_container'>"
+"<iframe class='iframe_main' src='' frameborder='0' scrolling='no'></iframe>"
+"</div></div>");也就是外部插入了一个内容。
上面代码确认无误,但是之后我要对于插入的这部分文档进行操作的时候却发现根本操作不成。
也就是说,不论是id,class进行选择,都根本不行,事件也无法进行触发。
如close有一个click,点击无效果。经过一点小小的试验之后,我这样做了
先改成bind,然后把其放在after的那个方法之后,有效果了。。
$(".close").bind("click",function(){
$(".windows").hide();
$(".iframe_main").attr("src", "");但是,我不知道这是什么原因。还有,我这样很不方便啊,我还有toggle事件等东西,bind不好用啊求解释和解答~
感激不尽!
});
我用jquery
$("#startingCover").after("<div class='windows icon'>"
+"<div class='menubar'>"
+"<div class='menu_title'></div>"
+"<div class='menu_button'>"
+"<div id='min' title='最小化' class='changesize btns_menu'></div>"
+"<div id='close' title='关闭' class='close btns_menu'></div></div></div>"
+"<div class='windows_container'>"
+"<iframe class='iframe_main' src='' frameborder='0' scrolling='no'></iframe>"
+"</div></div>");也就是外部插入了一个内容。
上面代码确认无误,但是之后我要对于插入的这部分文档进行操作的时候却发现根本操作不成。
也就是说,不论是id,class进行选择,都根本不行,事件也无法进行触发。
如close有一个click,点击无效果。经过一点小小的试验之后,我这样做了
先改成bind,然后把其放在after的那个方法之后,有效果了。。
$(".close").bind("click",function(){
$(".windows").hide();
$(".iframe_main").attr("src", "");但是,我不知道这是什么原因。还有,我这样很不方便啊,我还有toggle事件等东西,bind不好用啊求解释和解答~
感激不尽!
});
+"<div class='menubar'>"
+"<div class='menu_title'></div>"
+"<div class='menu_button'>"
+"<div id='min' title='最小化' class='changesize btns_menu'></div>"
+"<div id='close' title='关闭' class='close btns_menu'></div></div></div>"
+"<div class='windows_container'>"
+"<iframe class='iframe_main' src='' frameborder='0' scrolling='no'></iframe>"
+"</div>11111111</div>");alert($("div.windows").text());
$("div.windows").click(function(){
alert($(this).text());
});
能用啊.
<script>
$(document).ready(function(){
$("#startingCover").after("<div class='windows icon'>"
+"<div class='menubar'>"
+"<div class='menu_title'></div>"
+"<div class='menu_button'>"
+"<div id='min' class='changesize btns_menu'>最小化</div>"
+"<div id='close' class='close btns_menu'>关闭</div></div></div>"
+"<div class='windows_container'>"
+"<iframe class='iframe_main' src='' frameborder='0' scrolling='no'></iframe>"
+"</div></div>");
$("#min").bind("click",function(){
alert("!!!!!!!!!!!!!")
})
});
</script>
<div id="startingCover">AAAAAAABBBBBBBCCCCCCCCCCDDDDDDDDDDD</div>