JQUERY动态插入HTML后不能执行后续JQUERY操作的解决办法

2018-11-16 浏览:1470
JQUERY动态插入HTML后不能执行后续JQUERY操作的解决办法
评论:(0)复制地址

范例:注意使用delegate

/ajax判断会员登录

$(function ($) {

var screenWidth = $(window).width();

if (screenWidth < 1024) {

$.getJSON("http://www.foshang.net/index.php?m=member&c=checklogin&a=init&jsoncallback=?", function (data) {

if (data == '1') {

$("header .mobile-user").html("<div class='login-after dropdown'><img class='avatar' src='https://r1.ykimg.com/0510000058CA5182AD9E07057208459F' /></div><div class='panel'><i class='arrow'></i><div class='content'><dl><dd><a href='http://www.foshang.net/index.php?m=member&c=index&a=favorite&t=2'>我的收藏</a></dd><dd><a href='http://www.foshang.net/index.php?m=member&c=index&a=account_manage&t=1'>账号设置</a></dd><dd><a href='http://www.foshang.net/index.php?m=member&c=index&a=logout'>退出登录</a></dd></dl></div></div>");

$("header .mobile-user .panel").hide();

} else {

$("header .mobile-user").html("<a href='http://www.foshang.net/index.php?m=member&amp;c=index&amp;a=login&amp;forward='></a>");

}

});

}

});


$(document).ready(function(){

  $("header .mobile-user").delegate(".avatar","click",function(){

    $("header .mobile-user .panel").slideToggle();

  });

});


评论:(0)复制地址
发布:苗景云 | 分类:IT技术&设计 | Tags:jquery

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。