将现有的HTML和CSS文件链接到Meteor Project

时间:2014-03-26 23:48:32

标签: javascript html css meteor

我想将一个冗长的已经制作的表单与css和html文件集成到我现有的流星项目中。我该怎么办呢?有可能做这样的事情:

<template name = "premadeForm">
    somehow link with other html and css files
</template>

然后将该模板集成到我的应用程序中:

{{> premadeForm}}

我可能会以不合理的方式解决这个问题。谢谢你的帮助。

2 个答案:

答案 0 :(得分:2)

如果您将css文件放在公开文件夹下,例如 /public/main.css ,则可以 yourapp.tld /链接到该文件夹的main.css

然后你必须在模板上创建一个链接标记,其中src指向该URL。我不确定你是否能够在标题中加载它,但也许在正文中你可以正常工作。

希望这有帮助!

答案 1 :(得分:1)

最简单的方法是将HTML复制/粘贴到premadeForm模板中。 CSS文件可以放入客户端文件夹中,它可以正常工作。

如果您需要将其分开,可以使用&#39; public&#39; @ p4bloch描述的文件夹方法。将它们放在公共文件夹中可以从客户端访问它们,但不会自动将它们按下。所以你需要使用ajax调用自己加载它们:

假设文件直接位于&#39; public&#39;文件夹:

按需加载HTML:

$.get( "yourform.html", function( data ) {
  $( ".result" ).html( data );
  alert( "Load was performed." );
});

来源:https://api.jquery.com/jQuery.get/

按需加载CSS:

$("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "yourcss.css"
}).appendTo("head");

来源:Load external css file like scripts in jquery which is compatible in ie also