문자열의 일부를 클릭하여 함수를 호출 할 수 있습니까?

Question

$("#chk_select").html("Sorry no such product. Click here to create one"); 

위의 행이 표시되면 사용자가 "여기를 클릭하십시오"를 클릭하면 slideUp();과 같은 동작을 호출하는 자바 스크립트가 필요합니다. 가능한가?

Answer 1

에 핸들러를 클릭 같은 요소 내부 문자열의 일부를 랩 :

$("#chk_select").html("Sorry no such product. <span id='link'>Click here</span> to create one"); 

그리고 클릭 핸들러

$("#link").click(function() { 
    slideUp(); 
}); 

를 작성하거나 당신이 할 수있는

$("#link").on("click", function() { 

Answer 2

문자열을 2 부분으로 나누고 스팬에서 "여기를 클릭하십시오." 그런 다음 연결이 기간

Answer 3

do

$("#chk_select").html("Sorry no such product. Click here to create one").bind('click',function() { 
    $(this).slideUp(); 
}); 

숨기려 할 때/텍스트를 제거

$("#chk_select").html('').unbind('click'); 

바이올린 : http://jsfiddle.net/FArKv/

UPDATE :

그냥 텍스트 클릭의 일부를 만들 필요가 있기 때문에과 모두 숨기기. 다른 말씀처럼

$("#chk_select").html("Sorry no such product. <a href='#' id='bind_click_here'>Click here</a> to create one"); 

$("#bind_click_here").bind('click',function() { 
    $("#chk_select").slideUp(); 
    return false; 
}); 

http://jsfiddle.net/FArKv/1/

Answer 4

당신은 앵커를 추가하여 HTML을 약간 조정할 수, 사용 후 클릭 핸들러 추가

$("#chk_select") 
    .html('Sorry no such product. <a href="#">Click here</a> to create one') 
    .on('click', 'a', function(event) { 
     event.preventDefault(); 
     // do your stuff 
     $(event.delegateTarget).slideUp(); 
    });