簡體   English   中英

使用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>

文件HEAD:

<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

希望這有助於某人!

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM