链接不适用于Chrome＆amp; IE

Question

我已经使用jquery绑定我网站上的菜单，这在Firefox中完美运行，但在Chrome＆amp; IE浏览器。 问题：当我点击Chrome中的链接锚文本时，没有重定向或导航。

在网站上查看： http://www.pricingindia.in

function show_n(e) {
        for (var t = 1; t < 9; t++) {
            if (e == t) {
                $("#snav" + t).css("display", "block");
                $("#stab" + t).addClass("act")
            } else {
                $("#snav" + t).css("display", "none");
                $("#stab" + t).removeClass("act")
            }
        }
        if (e == 1) {
$("#snav" + e).html('<ul class=\"snav\"><li><a href=\"http:\/\/www.pricingindia.in\/mobile\/87\" title=\"Mobile Phones\">Mobile Phones <span>(15707)<\/span><\/a><\/li><li><a href=\"http:\/\/www.pricingindia.in\/tablet\/24\" title=\"Tablets\">Tablets <span>(1394)<\/span><\/a><\/li><\/ul>');}

Answer 1

使用追加功能

试试这个

if (e == 1) {
    $('#snav' + e).append('<ul class="snav"><li><a href="http://www.pricingindia.in/mobile/87" title="Mobile Phones">Mobile Phones <span>(15707)</span></a></li><li><a href="http://www.pricingindia.in/tablet/24" title="Tablets">Tablets <span>(1394)</span></a></li></ul>');}

试试这种方式

document.getElementById('#snav' + e).innerHTML = "<ul class="snav"><li><a href="http://www.pricingindia.in/mobile/87" title="Mobile Phones">Mobile Phones <span>(15707)</span></a></li><li><a href="http://www.pricingindia.in/tablet/24" title="Tablets">Tablets <span>(1394)</span></a></li></ul>";