javascript - mm menu 和prototype.js 冲突，html 在使用搜索字段时消失

Question

<强> DEMO

我正在使用 mm menu & 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
    });
});

DEMO 中使用的文件:

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

Answer 1

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

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