如何將jQuery導入到自定義dnn模塊

Question

我已經創建了自定義DNN模塊，該模塊應該使用一些JQuery插件。
我加載的插件很好。
但得到錯誤：

Uncaught TypeError: undefined is not a function imagesloaded.js?cdv=18:93 
Uncaught TypeError: Object [object Object] has no method 'imagesLoaded' Masonry:755 
GET http://dnn7site/jquery.min.map 404 (Not Found) Masonry:464 
GET http://dnn7site/resources/shared/scripts/jquery/jquery.min.map 404 (Not Found) 

而且我認爲，這是因爲JQuery沒有在我的自定義模塊導入。 我包括其他JS文件，如：

<dnn:DnnJsInclude runat="server" FilePath="~/DesktopModules/com.demo.masonry/Scripts/jquery.infinitescroll.min.js" /> 
<dnn:DnnJsInclude runat="server" FilePath="~/DesktopModules/com.demo.masonry/Scripts/masonry.pkgd.js" /> 
<dnn:DnnJsInclude runat="server" FilePath="~/DesktopModules/com.demo.masonry/Scripts/imagesloaded.js" /> 

但我不知道如何導入JQuery，任何幫助嗎？
我使用DNN 7.1.1

Answer 1

不要使用其他答案中描述的方法包含jquery。這可能會與可能與您的DNN安裝和/或其他模塊捆綁在一起的jQuery版本發生衝突。

要包含的jQuery在DNN，它如下：

DotNetNuke.Framework.jQuery.RequestRegistration() 

如果你想jQuery用戶界面，使用：

DotNetNuke.Framework.jQuery.RequestUIRegistration() 

如果你想通過一個ASCX文件，這樣做，這樣做：

<%@ Register TagPrefix="dnn" TagName="JQUERY" Src="~/Admin/Skins/jQuery.ascx" %> 
<dnn:JQUERY ID="dnnjQuery" runat="server" /> 

更多信息可以在這裏找到：

http://www.dnnsoftware.com/wiki/Page/jQuery

jquery的版本以及它是否使用託管文件可以在主機設置 - >高級設置 - > jquery設置中配置。

Answer 2

如果需要的jQuery，嘗試downloading jQuery庫，並把jQuery的腳本文件在同一位置的其他腳本文件，並確保jQuery庫是前參考任何其他需要jQuery的腳本文件。例如：

<dnn:DnnJsInclude runat="server" FilePath="~/DesktopModules/com.demo.masonry/Scripts/jquery-1.9.1.min.js" /> 
<dnn:DnnJsInclude runat="server" FilePath="~/DesktopModules/com.demo.masonry/Scripts/jquery.infinitescroll.min.js" /> 
<dnn:DnnJsInclude runat="server" FilePath="~/DesktopModules/com.demo.masonry/Scripts/masonry.pkgd.js" /> 
<dnn:DnnJsInclude runat="server" FilePath="~/DesktopModules/com.demo.masonry/Scripts/imagesloaded.js" /> 

然而，Masonry documentation表明，jQuery是不需要運行的插件，所以你的問題可能在其他地方

使用jQuery的砌體則不需要。但是如果你喜歡jQuery，Masonry會將它作爲jQuery插件使用。