单击属性文本JavaScript或jQuery时显示弹出窗口

Question

实际上，我想要做的是显示一个文本，并使用关闭按钮显示一个弹出窗口（不是实际的弹出窗口，但有一些CSS覆盖所有内容）。 代码是这样的

<h3>Hello World</h3> <a href="/hw.html" target="_blank" thecode="HWLD">Open</a>
<h3>Hello World - Part 2</h3> <a href="/hw-2.html" target="_blank" thecode="HWLD2">Open</a>

现在我要做的是，当点击锚点时，它将显示一个弹出窗口（因为我已经说过一个文本覆盖所有内容的div），其中包含code属性中的文本。 就像点击第一个链接一样，hw.html将在新窗口中打开，当用户返回此窗口时，他将看到带有文本“HWLD”的弹出窗口。

Answer 1

弹出窗口的HTML

<div id="popup"></div>

弹出窗口的CSS

#popup {display:none; position:fixed; top:30%; left:50%; z-index:9999}

您可以根据自己调整top，left，z-index

的jQuery

$('a').click(function(){
 $('#popup').html($(this).html());
$('#popup').show();
});

这可能是所需实施的简单版本，可以为您提供指导，但希望您可以即兴发挥并改进。

Answer 2

HTML弹出窗口供您使用

<div id="myDiv"></div>

然后在你的java脚本中添加

$('#anyId').click(function(){
var html = "<p> my text....</P>"
$('#myDiv').html(html);
$('#myDiv').show();
});