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

我正在使用&除了使用菜单搜索栏外，其他一切都很好，菜单部分的整个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>

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

element.innerHTML = content.stripScripts();

        <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>

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

        <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>

任何帮助都将不胜感激

        <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>

来自演示的代码：

        <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>

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

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>

演示中使用的文件：

        <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>

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

---

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

        <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>

---

请看一看用1.7.2更新的小提琴（第10版）

p.S我累了，我要睡觉了，8小时后回来，非常感谢您的帮助。专业提示：不要使用Prototype.neat，我希望更新原型版本不会影响我项目的其余部分…在1.7和1.7.2之间，原型试图限制API的破坏性更改，但修复了很多隐藏的东西以及发现的bug。

        <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>