我有一个jQuery的问题，你能帮我吗？

-1

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
var $category = $("ul li:gt(5):not(:last)"); 
$category.hide(); 
$("input").click(function(){ 
if($category.is(":visiable")){ 
    $category.hide(); 
    $("input").attr("value","精简显示") 
    } 
    else{ 
    $category.show(); 
    $("input").attr("value","全部显示") 
    } 
    }) 
}); 
</script> 
</head> 
<body> 
<div class="category"> 
    <ul> 
    <li>苹果</li> 
    <li>诺基亚</li> 
    <li>摩托罗拉</li> 
    <li>索爱</li> 
    <li>三星</li> 
    <li>LG</li> 
    <li>黑莓</li> 
    <li>多普达</li> 
    <li>西门子</li> 
    <li>魅族</li> 
    <li>其他品牌</li> 
    </ul> 
</div> 
<div class="more"><input type="button" value="全部显示"></div>

该代码是错误的，但我不知道什么错误是，你能帮助我吗？我有一个jQuery的问题，你能帮我吗？

来源

2011-02-25 kaola

你需要给我们更多的信息比'代码error' – Serge 2011-02-25 16:07:03

错误是什么？ – Alex 2011-02-25 16:07:26

它应该是'$ category.is（“：visible”）'而不是'$ category.is（“：visiable”）' – Serge 2011-02-25 16:08:11

可能是$category.is(":visiable")拼写错误（应该是":visible"没有 '一'）

来源

2011-02-25 16:10:16 Vinze

$(document).ready(function(){ 
    var $category = $("ul li:gt(5):not(:last)"); 
    $category.hide(); 
    $("input").click(function(){ 
     if($category.is(":visible")){ << corrected spelling ([@serge]) 
      $category.hide(); 
      $("input").attr("value","精简显示") 
     } 
     else{ 
      $category.show(); 
      $("input").attr("value","全部显示") 
     } 
    }); << added ; 
});

上的jsfiddle编写了这里 - http://jsfiddle.net/9keby/

来源

2011-02-25 16:11:14 Alex

我有一个jQuery的问题，你能帮我吗？

回答

相关问题