求助:一个关于jquery append动态标签问题

weixin_42049728 2018-05-03 07:47:31

jQuery(function(){


jQuery('#warning-enter').click(function(){

n = '<div class="warning-frame">';
n += '<div class="overlay-full" id="warning-message"></div>';
n += '</div>';

jQuery("body").append(n);

});

jQuery("#warning-message").css('width','100%').show();

})


为什么我的jQuery("#warning-message").css('width','100%').show();不起做用呢,需要怎么解决呢?
...全文
1065 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
apple8160 2018-05-31
  • 打赏
  • 举报
回复
这种添加方式不对啊 你每次都会添加一个
id="warning-message"
那你下面的jQuery("#warning-message")选择就不是当前添加的那个了
  • 打赏
  • 举报
回复
因为你show()的代码是在页面加载的时候执行的,而添加dom操作是onclick的时候才添加的,所以不会显示。你可以把show()的代码放到onclick里面的最后一行
淘气的猴子 2018-05-31
  • 打赏
  • 举报
回复
class="warning-frame" 这样写 jQuery(".warning-message").css('width','100%').show();
LittleMan_LC 2018-05-04
  • 打赏
  • 举报
回复
楼上说的对~
jQuery(function(){
    jQuery('#warning-enter').click(function(){
        n = '<div class="warning-frame">';
        n += '<div class="overlay-full" id="warning-message"></div>';
        n += '</div>';
        jQuery("body").append(n);
        jQuery("#warning-message").css('width','100%').show();
    });
})
天际的海浪 2018-05-03
  • 打赏
  • 举报
回复

jQuery(function(){
	jQuery('#warning-enter').click(function(){
		n = '<div class="warning-frame">';
		n += '<div class="overlay-full" id="warning-message"></div>';
		n += '</div>';
		jQuery("body").append(n);
		jQuery("#warning-message").css('width','100%').show();
	});
})
functionsub 2018-05-03
  • 打赏
  • 举报
回复
jQuery(".warning-message").css('width','100%').show();
你插入的内容是class,不是id

87,977

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧