javascript - 如何将较少的变量更改推送到 html iframe?

标签 javascript jquery twitter-bootstrap iframe less

问题:如何将较少的变量更改推送到 iframe?

示例: http://bootstrap-live-customizer.com/

更多详细信息: 当 bootstrap less 变量更改时,它会自动将更改刷新到嵌入式 iframe 上吗?

我保存了上面的网页,但无法使其工作。我正在尝试 bootstrap-live-customizer.com 所做的事情,但会将其实现为 CMS 主题。谢谢

最佳答案

您还没有真正给出有关您尝试过的任何解决方案、您正在使用的技术或给出您正在使用的代码和标记的任何示例。这可能有助于我们为您提供更准确的帮助。

你需要做的就是将less内容编译成css,然后刷新iframe。如果您介意服务器端 Nodejs 代码,这可能会对您有所帮助 http://lesscss.org/

刷新 HTML 中的 iframe document.getElementById(#idOfIFrame).contentDocument.location.reload(true);

然后您可以将 less 文件样式表添加到 iframe 的头部。答案在这里找到:less-css-file-include-in-head-section

另一个类似的答案:how-can-i-compile-less-files-within-browser

关于javascript - 如何将较少的变量更改推送到 html iframe?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28387383/

相关文章:

javascript - Laravel jQuery AJAX 实时搜索

javascript - 我的 Wordpress、Bootstrap 主题不适用于 JavaScript

html - 为每个下拉菜单分配不同的背景颜色以 Bootstrap 导航栏

c# - 滚动时修复 gridview 标题

javascript - setTimeout() 和 Canvas 未按预期工作

c# - 如何将 ActiveX 与 ASP.NET 结合使用

javascript - jQuery UI 错误 - f.getClientRects 不是函数

javascript - 基于另一个下拉列表的下拉列表,选择选项来自数据库

javascript - 使用 setInterval 定位特定类并使用 jQuery 实现功能

javascript - 如何为 Bootstrap 复选框徽章分配唯一 ID?