2011-03-01 4 views
0
내가 스택 또는 구글에 대한 답변을 찾을 수없는 몇 가지 이유를 들어

내 jQuery hasClass의 문제점은 무엇입니까?

<!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> 

. 어쩌면 나는 충분히 수색하지 않았다. 그러나 나는 계속해서 : 나는 상관없이 거짓의 진정한 사실을 알고 있습니다. 그러나 클래스 전류는 tab1에 할당됩니다. 고급

답변

3

- ID 속성은 결석

<!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

많이 감사합니다. 나는 그 href를 남겨 두는 것을 선호 할 것이고 단지 광고 ID가 같은 이름이 될 것이다. – PathOfNeo

2

에서

들으 당신은 HREF 속성을 내부 ID 코드를 넣었습니다. id = "pics_tab1"을 사용해야합니다.

+0

여전히 작동하지 않습니다. # 내부에 넣지 않으려 고합니다. id 속성 –

+0

그래, 깨닫고 –

4

$("#pics_tab1")은 href 선택기가 아닌 id 선택기입니다. ID 속성에 앵커 태그 'HREF 속성을 변경하고 # 제거 : 당신은 당신의 idhref을 혼동

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

O를 편집 ... O를 보지 못했어요 내 ... 만약 내가 가능하다면 이드에게 href를 변경하지 않을 것이다. -> api의 일부가있다. (나는 사용한다 : touchscroll은 아이폰 스크롤 동작을 모방한다. webapp). – PathOfNeo

+0

href를 유지해야하는 경우 attribute equal selector를 사용할 수 있습니다. 아래 내 대답을 참조하십시오. – StuperUser

1

.

pics_tab1 아닌 href로 설정 요소의 id 속성이 필요합니다, 잘

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

을 시도합니다. jQuery를에

1

는 ("#의 pics_tab1")는 "ID = pics_tab1을 가진 요소를 선택합니다. 당신은이 ID를 가진 페이지에 요소가 존재하지 않습니다.

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

이어야

<a id="pics_tab1" href="#pics_tab1" class="current"></a> 
관련 문제