使用带有动态div的jquery Show()

时间:2012-08-07 12:23:18

标签: javascript jquery html

我创建了一个像

这样的div模板
var Mask="<div style='width: 60%;display:none; height: 602px;opacity: 0.3;' id='mask'>Hello i'm here</div>";

现在可以将.show() jquery函数应用于此div。

5 个答案:

答案 0 :(得分:1)

使用document.write

将div写入屏幕
document.write(Mask);

您不需要使用show()或on(),因为它会在写入屏幕时显示

答案 1 :(得分:0)

不,但不要害怕。您可以将该字符串附加到正文HTML,然后使用.appendTo()函数进行渲染。

答案 2 :(得分:0)

如果要动态添加此div,请使用$.on() 如果这个div被添加到HTML中(意思不是动态的),请使用简单的$("#mask").show()

答案 3 :(得分:0)

在实际将其附加到DOM之前,您无法显示此div。将其附加到元素后,它将自动显示。

请注意,如果您打算多次追加此div,则需要将id='mask'更改为class='mask',因为ID必须是唯一的。

答案 4 :(得分:0)

使用此

$("<div style='width: 60%; height: 602px;display:none; opacity: 0.3;' id='mask'>Hello i'm here</div>").appendTo("body");
$('#mask').show();