javascript - 如何为正在查看的网站动态更改 css 样式表?

标签 javascript ajax codeigniter

我有一个网站,用户可以在其中使用向导生成自己的 Codeigniter 网站,用户将提供模块、字段和功能的详细信息。根据用户输入,将生成一个网站并将其部署在我的网站上,并在用户下载之前向用户展示一个演示。一切正常。

现在我打算允许用户在预览时为生成的网站选择不同的样式/主题。如何让用户在不重新加载整个页面的情况下立即看到他们的更改?

我尝试用所选样式替换生成网站上的样式表文件,然后重定向到生成网站上的另一个页面。但是使用了相同的样式表文件,因为它已经被浏览器缓存了。所以请给我一些选择。如果这可以在不重定向用户的情况下完成,那将是我的最佳选择。

最佳答案

向 View 传递一个变量,变量保存样式表文件名的值?至于当用户在同一页面时更改样式文件...请参阅以下问题:Is there an easy way to reload css without reloading the page?

<?php
$data['stylesheet_name'] = 'user1';

$this->load->view('viewname', $data);

/**
 * View File
 **/

<link rel="stylesheet" type="text/css" href="/css/user/<?= $stylesheet_name; ?>.css" />

关于javascript - 如何为正在查看的网站动态更改 css 样式表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11522545/

相关文章:

javascript - 一旦所有请求都完成,我们如何确定哪个ajax因多个ajax请求而失败?

javascript - 浏览器是否会批量处理大量ajax请求?

php - 群发邮件ID重复检查

codeigniter - 从另一个模型加载和使用 codeigniter 模型

php - 我可以从数组中设置多个 Codeigniter Where 条件吗?

javascript - javascript中的字符到十六进制

javascript - 使用 javascript Angular 更新表单控件

javascript - 如何使用CSS将嵌套元素设置到屏幕边缘

php - OnLoad javascript AJAX 调用

jquery ajax发布错误数据