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

标签 javascript css dotnetnuke

有谁知道 DotNetNuke 中的 CSSJS 引用的优先级是如何工作的?

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

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

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

最佳答案

您需要注意 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" />

关于javascript - 如何在 DotNetNuke 皮肤中设置对 CSS 和 JS 的引用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31943979/

相关文章:

css - 菜单颜色更改onclick

javascript - 如何从 QUnit 测试中触发原生 Javascript 事件?

javascript - 如何通过JavaScript修改伪类元素的border-bottom颜色?

javascript - 引用 JavaScript 中其他对象属性的对象属性

html - CSS水平环绕列布局

dotnetnuke - 在 DotnetNuke 中的每个页面上显示具有相同内容的模块

javascript - 在 jQuery 函数中传递变量

javascript - body 保持定位时水平滚动固定的 div

html - 使用 CSS 按比例更改图像大小

session - DNN 5.x 中的注销如何工作?