jquery加载页面切换案例

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

当我在有些链接点击，警报不apear ...

这是我的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

来源

2012-02-15 Preston

@Alex K.发现了一些错误，检查他的回答，如果你想要一个更新的jsFiddle，你可以在这里找到它http://jsfiddle.net/D2Cqt/7/ – Tom 2012-02-15 16:50:32

在这里沟#id :(它的jquery符号而不是合法的id开始字符）;

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

和修复额外);这里：

alert("teste"););

你也找案例"aabruzzo"但id是"aabruzo"（在你的提琴）

来源

2012-02-15 16:46:12

良好的捕获量。 +1 – crush 2012-02-15 16:47:24

他错过了一些其他的事情。 Upvoted，这里是一个更新，固定，jsFiddle http://jsfiddle.net/D2Cqt/7/ – Tom 2012-02-15 16:49:21

是的..我看到这个后，我张贴jsFiddle链接。但仍然没有在我的网页上工作。我的javascritp是在外部文件中，这种影响的东西？ – Preston 2012-02-15 17:00:15

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

来源

2012-02-15 16:45:28 crush

不，它不是 - “this”是实际的DOM元素。如果你想使用jQuery函数，你需要用'$（this）'把它包装在一个jQuery对象中。 – 2012-02-15 16:56:02

jquery加载页面切换案例

回答

相关问题