jQuery的股利时，点击LI选项

什么事的家伙，我在这里问我怎么变格内容时，点击链接这里是代码内容的变化：jQuery的股利时，点击LI选项

<html> 
    <div id="bigpanel"> 
    <div id="tabs"> 
    <div id="fragment-1" class="ui-tabs-panel"> </div> 
    <div id="fragment-2" class="ui-tabs-panel ui-tabs-hide"></div> 
    <div id="fragment-3" class="ui-tabs-panel ui-tabs-hide"></div> 
    <div id="fragment-4" class="ui-tabs-panel ui-tabs-hide"></div> 
    </div> 

    <div id="banerprods"> 
    <h2><a href="#"> Drinks </a> /<a href="#"> Food </a>/<a href="#"> Misc</a></h2> 
    <div id="prodsmiddle"> 
    <table width="880" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td><li class="ul-buttom ul-buttom-hide"><a href="#fragment-1">1</a></li></td> 
    <td><li class="ul-buttom ul-buttom-hide"><a href="#fragment-2">2</a></li></td> 
    <td><li class="ul-buttom ul-buttom-hide"><a href="#fragment-3">3</a></li></td> 
    <td><li class="ul-buttom ul-buttom-hide"><a href="#fragment-4">4</a></li></td> 
    </tr> 
    </table> 
    </ul>  
    </div> 
    </html>

我已经尝试这个办法：

<script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script> 
     $(document).ready(function(){ 
      $(".ui-tabs-panel").hide; 
      $(".ul-buttom ul-buttom-hide").click(function() { 
      var divname= this.value; 
       $("#"+divname).show("slow").siblings().hide("slow"); 
     }); 

     }); 
    </script> "

但没有工作！请帮助！

来源

2012-02-27 Lbezerra

错在何处？你有任何错误？ – 2012-02-27 19:19:34

试试这个？

$(document).ready(function(){ 
      $(".ui-tabs-panel").hide(); 
      $(".ul-buttom.ul-buttom-hide a").click(function() { 
       var divname= $(this).attr("href"); 
       $(divname).show("slow").siblings().hide("slow"); 
      }); 
});

来源

2012-02-27 19:22:12

Tks家伙现在工作完美！ – Lbezerra 2012-02-28 15:41:35

.hide也许应该.hide()

来源

2012-02-27 19:20:25 Tx3

你必须在你的逻辑犯了一些错误：

$(function(){ 
    $(".ui-tabs-panel").hide();//notice the parenthesis added to `hide()` 

    //the elements you want to select are the children `a` elements of the `li` elements with both the `.ul-buttom` and the `.ul-buttom-hide` classes 
    $(".ul-buttom.ul-buttom-hide").children().click(function() { 

     //since we are getting data from the `href` attribute, we target it with `.attr('href')`, 
     //`.value` is for form inputs 
     var divname = $(this).attr('href'); 

     //since the `href` attribues already have hash marks, we don't have to add any 
     $(divname).show("slow").siblings().hide("slow"); 
    }); 
});

演示：http://jsfiddle.net/jasper/XSLEw/

来源

2012-02-27 19:22:28 Jasper

非常好的杰士伯，清除我的一些疑惑，并且工作真的很好！谢谢 – Lbezerra 2012-02-28 15:46:48

首先.hide应该是.hide()：

$(".ui-tabs-panel").hide();

那么对于链接，如果你想要用两个类来定位元素，你必须这样写，没有空间：

$(".ul-buttom.ul-buttom-hide")

虽然我觉得你最好的目标定位标记只有一个班就足够了：

$(".ul-buttom-hide a").click(function() { 
    var divname= $(this).attr('href'); 
    $(divname).show("slow").siblings().hide("slow"); 
});

来源

2012-02-27 19:23:15

jQuery的股利时，点击LI选项

回答

相关问题