javascript - jquery 加载带有 switch case 的页面

Question

又是我!!

现在..我不知道这个 Switch Case 做错了什么...可以帮助我吗？

当我点击某个链接时，警报不会出现...

这是我的 HTML:

    <div class="menu-site">
        <ul class="topo-menu" id="topo-menu">
            <li id="aabruzzo">a abruzzo</li>
            <li id="catalogo">catálogo</li>
            <li id="conceito">conceito inverno</li>
            <li id="representantes">representantes</li>
            <li id="clipping">clipping</li>
            <li id="loja">loja</li>
            <li id="contato" class="sem-right">contato</li>
        </ul>
    </div>

这是我的 JavaScript:

jQuery(document).ready(function(){


        var sections = $("#topo-menu li");
        var loading = $("#loading"); 
        var content = $("#content");

        sections.click(function(){
            switch(this.id){
                case 'aabruzzo':
                    alert("teste");
                    break;
                case "catalogo":
                    alert("teste");
                    break;
                case "conceito":
                    alert("teste");
                    break;
                case "representantes":
                    alert("teste"););
                    break;
                case "clipping":
                    alert("teste");
                    break;
                case "loja":
                    alert("teste");
                    break;
                case "contato":
                    alert("teste");
                    break;                        
                default:
                    hideLoading();
                    break;
            }
            });

我有这个fiddle

Answer 1

在此处放弃 id 中的 #:(它的 jquery 表示法，而不是合法的 id 起始字符)；

<ul class="topo-menu" id="#topo-menu">

并修复额外的 ); 此处:

alert("teste"););

您还查找案例“aabruzzo”，但id是“aabruzo”(在您的 fiddle 中)