Question

我有一个弹出窗口，其中包含填写详细信息的表单。我需要的是，我需要在弹出窗口中显示应用了css样式的表单。

目前我已经在弹出窗口中加载了表单，但它没有采用应用于它的样式。如何在其上应用样式。（我不想在Windows弹出窗口中加载.html页面）

当我点击弹出窗口中的提交链接时，它应该克隆页面上的.clone div并弹出应该关闭。

这是我目前的js

function myFunction() {
    var myWindow = window.open("", "MsgWindow", "width=500, height=400");
    myWindow.document.write($(".content").html());
    myWindow.document.close();
}

DEMO

非常感谢任何帮助。谢谢！

Answer 1

将您的css放入div＆＃39; content＆＃39;

检查此链接 http://jsfiddle.net/erv3ebj1/5/

Answer 2

添加这样的东西可能会起作用

myWindow.append($("<link/>", 
    { rel: "stylesheet", href: "file://path/to/style.css", type: "text/css" }));

Answer 3

尝试在隐藏的iframe中打开它，直到您需要它为止。

Answer 4

将CSS放在<style>下并使用内部css form。

我建议在{{1}}代码

之前使用它

Demo

Answer 5

请尝试这个：

function myFunction() {
    var myWindow = window.open("", "MsgWindow", "width=500, height=400");

    myWindow.document.write($(".content").html());

    myWindow.document.close();

    }

DEMO

Javascript弹出窗口css并单击功能

5 个答案: