앵커 태그가 내 ID를 가지고 있지 않습니다

Question

앵커 태그를 클릭하는 동안 일부 작업을 수행해야합니다.이 ID를 탭에 할당했으며 jQuery에서 click 이벤트를 작성했지만 작동하지 않습니다.

<li><a id="createBtn" href="#service-one" data-toggle="tab">CREATE</a></li> 

내 jQuery 코드는 다음과 같습니다 :

여기 내 JSP 코드는

$("#createBtn").click(function() { 
      alert("Inside button click"); 
      getScenarioName(); 
     }); 

     function getScenarioName() { 
      alert("Inside Method"); 
      $.post("./GetScenarioName", {}, function(data, status) { 
       $("#scenario").html(data); 
       $('.selectpicker').selectpicker('refresh'); 
      }); 
     } 

저를 도와주세요. 사전에

감사합니다, 그것은 JSFIDDLE

확인 jQuery를 확인이 포함되어 있으며이 DOM 준비

$(document).ready(function(){ 
     $("#createBtn").click(function() { 
      alert("Inside button click"); 
      getScenarioName(); 
     }); 

     function getScenarioName() { 
      alert("Inside Method"); 
      $.post("./GetScenarioName", {}, function(data, status) { 
       $("#scenario").html(data); 
       $('.selectpicker').selectpicker('refresh'); 
      }); 
     } 
}); 

Answer 1

가에 클릭 이벤트를 넣어 Suganth의 A. 준비 기능

$(document).ready(function() { 
$("#createBtn").click(function() { 
      alert("Inside button click"); 
      getScenarioName(); 
     }); 
} 

http://jsfiddle.net/Azc5d/

Answer 2

후 이벤트를 바인딩 검사를하고있다