/**
删除书本
*/
$(function(){
$(".bookDel").click(function(){
var id = $(this).attr("id");
$.ajax({
type:"post",
url:"servlet/BookServlet?act=del",
data:"id="+id+"",
success : function(data){
$("#classBox").empty();
var books=eval("("+data+")");
$.each(books,function(k,v){
$("#classBox").append("<li>");
$("#classBox li:last").append("<img class='bookImg' src='style/images/bookImg.png' alt='' onmousedown='whichElement(event)'/>")
.append("<div class='bookLent' style='display:none'></div>")
.append("<div class='bookName' >"+v.name+"</div>")
.append("<div class='bookDel' id='bookDel' style='display:none' onclick=bookDel("+v.id+")></div>");
});
$("#classBox").append("<li class='bookAdd' id='addBook'></li>")
}
});
})
})
/**
长按出现删除书本按钮
*/
var num=0
function whichElement(e)
{
var timer_alert = setTimeout(function() {
if(e.which==1) {
num++
if(num==2){
$(".bookDel").show();
}else{
whichElement(e);
}
}
}, 500);
}
第一次长按可以显示。删除后不能出现，网上说是用live(),求指导。不会使用啊。
开发中遇到过类似问题，当时用live(),不过总是失败，后发现此文章
http://tieba.baidu.com/p/2137947140
才知道1.9已经放弃live(),最终使用on()
我的代码
//监控addVidoe点击事件
$(document).on('click', '.addVidoe', function() {
......
});
不知是否说明白了。