使用ClientDependency Framework动态添加CSS或JS的正确方法是什么?
What is the proper way to dynamically add CSS or JS using ClientDependency Framework?
很抱歉,这里缺少文档:https://github.com/Shazwazza/ClientDependency/wiki/Webforms
我正在尝试动态注册依赖项,无法获得语法正确:
<%@ Page Language="C#" AutoEventWireup="false" %>
<%@ Register TagPrefix="CD" Namespace="ClientDependency.Core.Controls" Assembly="ClientDependency.Core" %>
<script runat="server">
protected override void OnLoad(EventArgs e)
{
if (Request.Cookies["AAPGmobile"] != null && Request.Cookies["AAPGmobile"].Value == "Mobile")
{
//mobile
ClientDependencyLoader.RegisterDependency("~/Style/mobile.css",ClientDependencyType.Css);
}
else
{
//desktop
ClientDependencyLoader.RegisterDependency("~/Style/desktop.css",ClientDependencyType.Css);
}
}
</script>
文档头:
<CD:ClientDependencyLoader runat="server" id="Loader" />
<asp:PlaceHolder runat="server" ID="CssPlaceHolder"></asp:PlaceHolder>
<asp:PlaceHolder runat="server" ID="JavaScriptPlaceHolder"></asp:PlaceHolder>
我也试过使用这个,但得到一个错误:
bool successfullyCreated;
var loader = ClientDependencyLoader.TryCreate(this.Page, out successfullyCreated);
和这个,但是得到了一个不同的错误:
var loader = ClientDependencyLoader.GetInstance(currentHttpContext);
请帮助语法或指给我正确的方向。谢谢!
这是我发现的似乎有效的解决方案-我在这里发布,以防其他人遇到类似的情况:
CSS:ClientDependencyLoader.Instance.RegisterDependency("~/Style/mobile.css",ClientDependency.Core.ClientDependencyType.Css);
JS: ClientDependencyLoader.Instance.RegisterDependency("~/Style/mobile.js",ClientDependency.Core.ClientDependencyType.Javascript);
请注意,我并没有试图单独创建或引用一个现有的Loader,语法会照顾它。
解决方案改编自本页的代码:https://our.umbraco.org/forum/developers/razor/35307-Using-ClientDependency-Framework-from-a-Razor-Macro
希望这能帮助到一些人!
相关文章:
- 打破承诺链的好方法是什么
- 在JavaScript中拆分日期字符串的更好方法是什么
- 将jQuery.ech()方法转换为本地JavaScript抽象的最佳方法是什么
- 处理浮点错误的最佳方法是什么
- 基于窗口宽度jquery的函数的替代方法是什么
- knex:根据结果创建数组的合适方法是什么
- 以编程方式填充组合框道场 (1.8) 的最佳方法是什么?
- 使用Modernizr检测移动设备最可靠的方法是什么
- 确定var是否是javascript中的elementFinder对象的方法是什么
- 用javascript修复这个JSON对象字符串最干净的方法是什么
- 让会话值可用于JavaScript的好方法是什么
- 从AngularJs获取谷歌地图对象的正确方法是什么
- 使用ReactJS和Flux架构从服务器获取数据的正确方法是什么
- 列出没有 mysql 的元素的最佳方法是什么
- 克服错误的更优雅的方法是什么:需要对象说明符.当通过JXA通过Messages发送SMS时,参数没有对象说明符
- 使用较少代码隐藏和显示选择菜单内容的更好方法是什么?javascript
- 在 Javascript 中实现解耦代码/回调的正确方法是什么?
- 使用Javascript,获取元素的方法是什么,基于打开和关闭标记之间的文本
- 在d3.json中使用d3.csv组合多个csv文件数据输入的最佳方法是什么
- 直接在DOM事件处理程序中调用作用域函数的最短方法是什么