删除、替换或禁用动态生成的 ASP.Net js 代码

Question

我正在使用一些 .Net 4.0 Webforms 控件，例如菜单控件，虽然我认为现在可以声明控件的呈现方式（即作为表格或 div）很棒，但我无法关闭自动包含的 javascript 管理这些控件的悬停事件，例如：

new Sys.WebForms.Menu({ element: 'NavigationMenu', disappearAfter: 500, orientation: 'horizontal', tabIndex: 0, disabled: false }

它出现在拥有此类控件的每个页面的底部。

鉴于没有办法真正关闭它，禁用该脚本、覆盖它或以其他方式使其无效以便我可以在其位置定义自己的 jQuery 方法的最佳方法是什么？

Answer 1

好吧，您可以尝试在包含 Webforms 脚本之后包含一些 javascript，该脚本执行以下操作：

Sys.WebForms.Menu = function() {};

基本上，它会覆盖 Webforms 菜单 javascript 以不执行任何操作。但要小心，特别是如果您正在处理已经使用这些菜单的现有项目，因为它们是 javascript 将不再工作。

就我个人而言，我建议使用“更精简”的控件（例如 Repeater 或 ListView）创建自己的菜单标记、CSS 和 javascript。这可以避免大多数问题，并且您可以更好地控制输出。

Answer 2

我们的应用程序中的遗留代码刚刚遇到（或刚刚注意到）类似的问题。

与 Phil.Wheeler 一样，也使用 Sitemap 数据源。不确定将渲染模式更改为 3.5 对我们来说是一件好事，并且覆盖 Sys.WebForms.Menu 的脚本 hack 不起作用。

问题：

此代码会自动插入到每个 aspx 页面上：

<script type='text/javascript'>new Sys.WebForms.Menu({ element: 'ctl00_MainNavMenu', disappearAfter: 500, orientation: 'horizontal', tabIndex: 0, disabled: false });</script>

我们的页面都没有 id 为“ct100_MainNavMenu”的元素，因此，我们在 MenuStandards.js 中看到一个 javascript 错误，解析 tagName === 'DIV'。 this.element 为空。

Sys.WebForms.Menu = function(options) {
    this.items = [];
    this.depth = options.depth || 1;
    this.parentMenuItem = options.parentMenuItem;
    this.element = Sys.WebForms.Menu._domHelper.getElement(options.element);
    if (this.element.tagName === 'DIV') {
        var containerElement = this.element;
        this.element = Sys.WebForms.Menu._domHelper.firstChild(containerElement);
        this.element.tabIndex = options.tabIndex || 0;
        options.element = containerElement;
        options.menu = this;
        this.container = new Sys.WebForms._MenuContainer(options);
        Sys.WebForms.Menu._domHelper.setFloat(this.element, this.container.rightToLeft ? "right" : "left");
    }
    else {
        this.container = options.container;
        this.keyMap = options.keyMap;
    }

将以下内容添加到我们的 ASPX 主文件中，因为标记之前的最后一个 html 似乎可以工作（它消除了问题）：

<div id="ctl00_MainNavMenu" style="display:none">
    <div id="neededToPreventSecondErrorAt_tabIndex"></div>
</div>

呈现的 HTML 如下所示：

<div id="ctl00_MainNavMenu" style="display: none; float: left;">
    <div tabindex="0" role="menubar" class="static" style="position: relative; width: auto; float: left;"></div>
</div>

在 IE 上测试时，在我们的任何 ASPX 页面上没有看到任何不良影响、FF 和 Chrome。显然，如果在页面上创建具有相同 ID 的元素，就会出现问题。除非我们重做应用程序菜单，否则不确定这种可能性有多大。我不认为这比覆盖 webforms 菜单 javascript 更糟糕/更有风险。