jquery - 有没有办法使用 jquery 在新窗口中显示图像？

Question

这是我的代码

$(document).ready(function() {
  $('#happymyleast').css('display', 'none');
});

$(document).ready(function() {
  $('#reveal').click(function() {
    window.open('testpage.html');
    $('#happymyleast').show();
  });
});

#happymyleast {
  position: absolute;
  top: 119px;
  left: 71px;
  height: 20px;
  width: 20px;
  background-color: #FFCC00;
  border-radius: 10px;
}

<p id="happymyleast"></p>
<button id="reveal">Reveal</button>

当我点击显示按钮时我想要做什么，我希望我构建的图像或 css 形状显示在另一个页面上。使用 jQuery 可以实现这一点吗？

Answer 1

在新页面上打开图像很简单:

window.open($("#your_image").attr("src"), "_blank")

现在对于CSS，如果这是动态生成的并且您希望它出现在新页面中，则必须使用AJAX和PHP将当前CSS动态写入外部CSS文件，然后在新页面中调用它!