mm菜单&prototype.js冲突,html在使用搜索字段时消失

mm menu & prototype.js conflicting, html vanishes on using search field

本文关键字:搜索 字段 消失 html amp 菜单 prototype 冲突 js mm      更新时间:2023-09-26

演示

我正在使用mm菜单&prototype.js除了我使用菜单搜索栏时,所有事情都很好,菜单部分的整个html都消失了。

使用chrome,我发现在prototype.js 的第2049行

element.innerHTML = content.stripScripts();

正在删除html&如果我从prototype.js中删除这一行,我的项目中的许多其他东西就会开始给出错误。

任何帮助都将不胜感激。

演示代码:

HTML

        <nav id="my-menu">
            <ul>
                <li><a>Home</a>
                </li>
                <li> <em class="Counter">3</em>
 <a>About us</a>
                    <ul>
                        <li><a>History</a>
                        </li>
                        <li><a>The team</a>
                        </li>
                        <li><a>Our address</a>
                        </li>
                    </ul>
                </li>
                <li><a>Contact</a>
                </li>
            </ul>
        </nav>
    </div>
    <div id="content">...</div>
    <div id="footer">...</div>
</div>

JS:

jQuery(function () {
    jQuery("#my-menu").mmenu({
        searchfield: true
    });
});

演示中使用的文件:

  • mmmenu css
  • mmmenu js
  • Prototype.js
  • demo.css
  • jquery 1.10.1

jsFiddle中的代码使用的是Prototype 1.7-如果您更新到2014年4月发布的最新版本(1.7.2(,它将修复该问题。

请查看用1.7.2 更新的fiddle(修订版10(