2013-12-19 2 views
-1

트위터 부트 스트랩을 사용하기 시작했습니다.jquery가 트위터 부트 스트랩과 함께 실행되지 않았습니다.

그러나 사용자 지정 jquery 코드를 추가하려고합니다.

<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.js'></script> 
<script type='text/javascript' src="dist/js/bootstrap.min.js"/> 
<script type='text/javascript'> 
    $(document).ready(function(){ 
     $("#link").click(function() { 
      alert("Handler for .click() called.");     
     }); 
    }); 
</script> 

아무 래도 JS 경보가 실행되지 않습니다.

무엇이 잘못 되었습니까? 다음과 같이

관련 #link 태그 같습니다

<p><a id="link" class="btn btn-default" href="#" role="button">View details</a></p> 
+2

1.7.2? 현재 1.10.2까지인지 알고 계셨습니까? – Blazemonger

+1

중복 된 ID가 있습니까? – SLaks

+1

'link'가 페이지로드에 확실히 존재합니까? – CodingIntrigue

답변

3

할 수 있습니다하지 자체 가까운이 같은 <script> 태그 :

<script type='text/javascript' src="dist/js/bootstrap.min.js"/> 

변경 그것에 :

<script type='text/javascript' src="dist/js/bootstrap.min.js"></script> 

그런 다음 don't have two elements with the same link ID, 그 <a id="link">exists on page load 및 pe 코드 블록이 전혀 실행되지 않도록하려면 이벤트 처리기 외부에 alert을 포함 시키십시오.

+1

@Ravimallya 미안하지만 어디서? 나는 그것을 볼 수 없다 –

+0

잘 작동합니다. 고마워요! – user430411

관련 문제