Question

它又是我!!

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

当我点击一些LINK时，警报不会出现......

这是我的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"（在您的小提琴中）

Answer 2

this.id应为this.attr('id')，因为这是一个jQuery对象。

带开关盒的jquery加载页面

2 个答案: