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

时间:2014-06-04 20:38:44

标签: javascript jquery prototypejs

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中使用的文件:

1 个答案:

答案 0 :(得分:1)

jsFiddle中的代码使用的是Prototype 1.7 - 如果你更新到2014年4月发布的最新版本(1.7.2),它就解决了这个问题。

请查看使用1.7.2更新的小提琴(修订版10)