2011-03-01 65 views
0
<!DOCTYPE HTML> 
<html> 
<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
<title>abc</title> 
<script type="text/javascript" src="scripts/jquery_latest.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() 
{ 
if($("#pics_tab1").hasClass("current")) 
    alert("tab1");  
else 
    alert("false"); 
}); 
</script> 
</head> 
<body> 
<div class="tabs"> 
     <a href="#pics_tab1" class="current"></a> 
     <a href="#pics_tab2"></a> 
     <a href="#pics_tab3"></a> 
     <a href="#pics_tab4"></a> 
     <a href="#pics_tab5"></a> 
    </div> 

我的jquery hasClass有什么问题?

出于某种原因,我无法找到栈或谷歌的答案。也许我没有足够的搜索。但是我总是得到:无论我做什么,都是虚假的。然而,班级电流与tab1一致。

Thx in advanced

回答

3

您与您的id混淆你的href -

<!DOCTYPE HTML> 
<html> 
<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
<title>abc</title> 
<script type="text/javascript" src="scripts/jquery_latest.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() 
{ 
if($("#pics_tab_link1").hasClass("current")) 
    alert("tab1");  
else 
    alert("false"); 
}); 
</script> 
</head> 
<body> 

<div class="tabs"> 
    <a id="pics_tab_link1" href="#pics_tab1" class="current"></a> 
    <a href="#pics_tab2"></a> 
    <a href="#pics_tab3"></a> 
    <a href="#pics_tab4"></a> 
    <a href="#pics_tab5"></a> 
</div> 
+0

非常感谢thx。我宁愿离开这些hrefs,只是ad id的同名。只知道让我检查.. – PathOfNeo 2011-03-01 13:45:48

2

您已将id代码放入href属性中。您需要使用id =“pics_tab1”

+0

这还是不行,你不会想把#里面的id属性。 – 2011-03-01 13:42:28

+0

耶认识到和编辑 – 2011-03-01 13:42:57

4

$("#pics_tab1")是一个id选择器,而不是href选择器。改变你的锚标记HREF属性的id属性,并删除#

<a id="pics_tab1" href="yourlinkhere"></a> 
+0

o没有看到o我的...如果有可能我不会更改hrefs到id的 - >那里的一部分api(我使用:touchscroll模仿iphone滚动行为Web应用程序)。 – PathOfNeo 2011-03-01 13:44:54

+0

如果需要保留hrefs,可以使用属性equals选择器。请参阅下面的答案。 – StuperUser 2011-03-01 13:49:48

1

id属性是不存在的。

尝试

<a id="pics_tab1" href="#pics_tab1" class="current"></a> 
1

那么,你需要有设置为pics_tab1,而不是href元素的id属性。

1
jQuery中

,( “#pics_tab1”),选择“使用id = pics_tab1元素。 你有你的页面上的任何元素,与此ID。

<a href="#pics_tab1" class="current"></a> 

应该

<a id="pics_tab1" href="#pics_tab1" class="current"></a>