dotnetnuke - 如何避免 dnn 中的 jquery 冲突

Question

我正在开发 dnn 模块。随着同一页面上模块数量的增加，Jquery 会多次调用。

    (function ($) {  
        $('#grid').hoverfold();
    })(jQuery); 

这是我用来避免冲突的方法。如果我对下一个效果使用相同的效果，它就不起作用。

Answer 1

例如，如果您查看 /DesktopModules/Admin/HostSettings/HostSettings.ascx您会注意到 dnn 核心开发人员正在使用以下代码:

(function ($, Sys) {
 $(document).ready(function () { 
    //Your code goes here.
 });
}(jQuery, window.Sys));

除此之外，如果您注意到 $(document).ready函数，由于更新 Pane ，他们正在重复相同的代码来处理 ajax 回发。这将确保即使模块启用了 ajax，您的代码也能正常工作。

 $(document).ready(function () {
        setUpDnnHostSettings();
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function () {
            setUpDnnHostSettings();
        });
    });

您还可以在 admin 文件夹的 core 中查看其他 ascx 控件。我希望这将有所帮助。