javascript - 如何在 DotNetNuke 皮肤中设置对 CSS 和 JS 的引用？

Question

有谁知道 DotNetNuke 中的 CSS 和 JS 引用的优先级是如何工作的？

我知道可以通过 dnn:DnnJsInclude 和 dnn:DnnJsInclude 标签的 Priority 属性设置此优先级。

事实证明，将具有多个 css 和 js 引用的 html 页面移植到一个简单的皮肤并不是微不足道的，其中对 CSS 和 JS 文件的引用由 dnn:DnnJsInclude 和 dnn:DnnJsInclude 标记完成。

我怀疑(并希望!)优先级属性有一组值可以让皮肤的行为完全与原始 html 页面相同。

Answer 1

您需要注意 DNN 中默认 CSS 文件的加载顺序，并根据这些顺序调整您的优先级，以控制文件的加载位置。

我的 HammerFlex 皮肤有一些很好的 CSS 和 Javascript 加载顺序示例。

https://github.com/ChrisHammond/HammerFlex/blob/master/Home.ascx

<dnn:JQUERY ID="dnnjQuery" runat="server" jQueryHoverIntent="true" />
<dnn:DnnJsInclude ID="bootstrapJS" runat="server" FilePath="js/bootstrap.min.js" PathNameAlias="SkinPath" Priority="10" />
<dnn:DnnCssInclude ID="bootStrapCSS" runat="server" FilePath="css/bootstrap.min.css" PathNameAlias="SkinPath" Priority="14" />
<dnn:DnnJsInclude ID="bluImpJS" runat="server" FilePath="js/jquery.blueimp-gallery.min.js" PathNameAlias="SkinPath" />