Search code examples
javascriptjqueryprototypejs

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

DEMO

I am using mm menu & prototype.js every thing is fine except when i used menu search bar entire html of menu section vanishes.

Using chrome i have found that on line #2049 of prototype.js

element.innerHTML = content.stripScripts();

is removing the html.. & if i remove this line from prototype.js many other stuff in my project starts giving erros.

Any help would be much appreciated.

CODE FROM DEMO:

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
    });
});

Files being used in DEMO:

Solution

  • The code in the jsFiddle is using Prototype 1.7 - if you update to the latest version (1.7.2) released April 2014 it fixes the issue.

    Please take a look at the fiddle (revision 10) updated with 1.7.2