求解Jquery浏览器兼容性问题
function searchMyOrder() {
$.ajax({
type: "POST",
contentType: "application/json",
url: "Service/WebServiceA.asmx/SearchUserOrderList",
data: "{rowNum:" + rowNum + ",pageNum:" + pageNum + ",dateRange:" + dateRange_ + ",commentState:" + commentState_ + ",searchContent:'" + searchContent + "',searchType:" + searchType_ + "}",
dataType: 'json',
success: function (response) {
$("#order_dd").html("");
var result = response.d;
if (result == null)
return false;
var m_total_records = result.m_total_records; //总记录集
var pageTag = "setpage"; //显示页码的DIV ID
var showPageCount = 10; //显示页码数量
//设置分页方法
setpage(pageTag, m_total_records, rowNum, pageNum, showPageCount);
orderinfo = result.ObjectList;
orderinfolength = orderinfo.length;
for (var i = 0; i < orderinfolength; i++) {
if (i == 0)
$("<table id='order_list" + i + "' class='table'><tr style='background-color:#f4f4f4;height:28px;text-align:center;'><td style='width:106px'>订单号</td><td style='width:169px'>预定产品</td><td style='width:107px'>应付金额</td><td style='width:135px'>下单时间</td><td style='width:100px'>支付方式</td><td style='width:92px'>订单状态</td><td style='width:100px'>操作</td></tr></table>").css({ "border-width": "1px", "border-color": "#cccccc", "border-collapse": "collapse" }).appendTo("#order_dd");
else
$("<table id='order_list" + i + "' class='table'></table>").css({ "border": "1px", "border-color": "#cccccc", "border-collapse": "collapse" }).appendTo("#order_dd");
//添加具体订单信息
//添加新订单
$("<tr id='orderInfo" + i + "'></tr>").css({ "height": "28px", "text-align": "center", "color": "#333333" }).appendTo("#order_list" + i);
//添加订单号
$("<td></td>").css({ "width": "106px" }).append(orderinfo[i].SystemId).appendTo("#orderInfo" + i);
//添加订单商品名
$("<td></td>").css({ "width": "169px" }).append(orderinfo[i].OrderName).appendTo("#orderInfo" + i);
//添加应付金额
$("<td></td>").css({ "width": "107px" }).append(parseInt(orderinfo[i].Price) / 100).appendTo("#orderInfo" + i);
//添加下单时间
var datetime = new Date(parseInt(orderinfo[i].BookingDate.replace("/Date(", "").replace(")/", "")));
$("<td></td>").css({ "width": "135px" }).append(datetime.format("yyyy-MM-dd hh:mm:ss")).appendTo("#orderInfo" + i);
//添加支付方式
var payType = "";
if (orderinfo[i].PayTypeId == 1)
payType = "在线支付";
else
payType = "现场支付";
$("<td></td>").css({ "width": "100px" }).append(payType).appendTo("#orderInfo" + i);
//添加订单状态
var orderState = "";
if (orderinfo[i].OrderState == 1)
orderState = "已下单";
else if (orderinfo[i].OrderState == 2)
orderState = "已付款";
else if (orderinfo[i].OrderState == 3)
orderState = "已作废";
else if (orderinfo[i].OrderState == 4)
orderState = "已退款";
$("<td></td>").css({ "width": "92px" }).append(orderState).appendTo("#orderInfo" + i);
var pl_detaillength = "pl_detail" + i;
$("<div id='" + pl_detaillength + "'></div>").css({ "height": "90px", "background-color": "#fff7f2", "border": "1px solid #ffc184", "display": "none", "padding": "10px 55px 10px 10px", "width": "732px" }).appendTo("#order_dd");
if (orderinfo[i].IsComment == 0) {
var ToComment;
if (orderinfo[i].OrderState == 2) {
//添加点评操作
ToComment = $("<a id='comment" + i + "' title='去点评'>点评</a>").attr("href", "javascript:void(0);").attr("onclick", "showHide('pl_detail', " + i + "," + orderinfolength + ",1)").css({ "text-decoration": "none" });
}
else if (orderinfo[i].OrderState == 1) {
ToComment = $("<a id='comment" + i + "' title='现在去付款'>付款</a>").attr("href", "payMent.aspx?orderSystemId=" + orderinfo[i].SystemId).css({ "text-decoration": "none" });
}
else {
ToComment = $("<font>订单已失效</font>").css({ "color": "#9c9c9c" });
}
$("<td></td>").css({ "width": "100px", "background": "url(Resource/images/myorder_dlbtn.bmp)" }).append(ToComment).appendTo("#orderInfo" + i);
ToAddCommentHtml(pl_detaillength, i, orderinfo[i].Bonus);
}
else {
//var pl_detaillength = "pl_detail" + i;
var ToComment = $("<a id='comment" + i + "' title='点击查看'>已点评</a>").attr("href", "javascript:void(0);").attr("onclick", "showHide('pl_detail', " + i + "," + orderinfolength + ",2)").css({ "text-decoration": "none" });
$("<td></td>").css({ "width": "100px", "background": "url(Resource/images/myorder_dlbtn.bmp)" }).append(ToComment).appendTo("#orderInfo" + i);
LoadCommentInfo(pl_detaillength, i, orderinfo[i].Bonus, orderinfo[i].Comment, orderinfo[i].CommentDate, orderinfo[i].Rating, orderinfo[i].ScenicRating, orderinfo[i].FoodRating, orderinfo[i].RoomRating)
}
}
}
});
}
//显示隐藏层
function showHide(pl_detail, i, orderinfolength, clickType) {
clearvalue(); //清除变量值
for (var pl_detailindex = 0; pl_detailindex < orderinfolength; pl_detailindex++) {
if (i == pl_detailindex) {
var sourceObj = document.getElementById("comment" + i);
var targetObj = document.getElementById(pl_detail + i);
if (sourceObj == null) return false;
if (targetObj == null) return false;
if (targetObj.style.display != "none") {
targetObj.style.display = "none";
} else {
targetObj.style.display = "block";
if (clickType == 1)
setvalue(i); //变量赋值
}
}
else {
document.getElementById(pl_detail + pl_detailindex).style.display = "none";
}
}
}
onclick事件在IE8和火狐都没有问题，但是在IE7就不行，.click(function(){})也无效,求解啊
[解决办法]
在IE下添加事件不要.attr("onclick", "showHide('pl_detail', " + i + "," + orderinfolength + ",2)")，没用。。
if (orderinfo[i].IsComment == 0) {
var ToComment;
if (orderinfo[i].OrderState == 2) {
//添加点评操作
//ToComment = $("<a id='comment" + i + "' title='去点评'>点评</a>").attr("href", "javascript:void(0);").attr("onclick", "showHide('pl_detail', " + i + "," + orderinfolength + ",1)").css({ "text-decoration": "none" });
ToComment = $("<a id='comment" + i + "' title='去点评'>点评</a>").attr("href", "javascript:void(0);").click(function () { showHide('pl_detail', i, orderinfolength, 1) }).css({ "text-decoration": "none" });
}
else if (orderinfo[i].OrderState == 1) {
ToComment = $("<a id='comment" + i + "' title='现在去付款'>付款</a>").attr("href", "payMent.aspx?orderSystemId=" + orderinfo[i].SystemId).css({ "text-decoration": "none" });
}
else {
ToComment = $("<font>订单已失效</font>").css({ "color": "#9c9c9c" });
}
$("<td></td>").css({ "width": "100px", "background": "url(Resource/images/myorder_dlbtn.bmp)" }).append(ToComment).appendTo("#orderInfo" + i);
ToAddCommentHtml(pl_detaillength, i, orderinfo[i].Bonus);
}
else {
//var pl_detaillength = "pl_detail" + i;
//var ToComment = $("<a id='comment" + i + "' title='点击查看'>已点评</a>").attr("href", "javascript:void(0);").attr("onclick", "showHide('pl_detail', " + i + "," + orderinfolength + ",2)").css({ "text-decoration": "none" });
var ToComment = $("<a id='comment" + i + "' title='点击查看'>已点评</a>").attr("href", "javascript:void(0);").click(function () { showHide('pl_detail', i, orderinfolength, 2) }).css({ "text-decoration": "none" });
$("<td></td>").css({ "width": "100px", "background": "url(Resource/images/myorder_dlbtn.bmp)" }).append(ToComment).appendTo("#orderInfo" + i);
LoadCommentInfo(pl_detaillength, i, orderinfo[i].Bonus, orderinfo[i].Comment, orderinfo[i].CommentDate, orderinfo[i].Rating, orderinfo[i].ScenicRating, orderinfo[i].FoodRating, orderinfo[i].RoomRating)
}