내 기능을 나던 작업

Question

내가 이런 DIV의 title 속성에의 링크가 왜 -

<div class="tooltip" title="<a onclick='ersal();'>send</a>"><img src="<?php echo "admin/".$item['img'] ?>" width="70" height="70" /></div> 

을 나는 이름이다 JQuery와의 기능이 ersal()

<script type="text/javascript"> 
    $(document).ready(function() { 
    function ersal(){ 
      alert("Clicked!"); 
    }; 
    }); 
</script> 

하지만 때 링크를 클릭하면 내 기능이 작동하지 않습니다. 이유가 무엇입니까?

Answer 1

호버 이벤트를 처리하는 경우,이 코드를 사용해야합니다 :

HTML 코드 :

<div class="tooltip" title="Click here"> 
    <img src="<?php echo "admin/".$item['img'] ?>" width="70" height="70" /> 
</div> 

JS 코드는 :

$(document).ready(function() { 
var c = $(document); 
c.on("mouseenter",".tooltip",function(){ alert("Clicked!"); }); 
}); 

Answer 2

귀하의 HTML 코드는 자바 스크립트 코드 나 자바 스크립트 함수를 호출 할 수 있습니다 당신은 onclick 속성과 값을 사용한다 취급 클릭 이벤트에 대한 this-

<div class="tooltip" title="Click here" onclick='ersal()'> 
    <img src="<?php echo "admin/".$item['img'] ?>" width="70" height="70" /> 
</div> 

같이해야한다. 구문은 다음과 같이 지정할 수 있습니다.

<element onclick="Somejavascriptcode"> 

Answer 3

url을 title 속성에 추가 할 수 없습니다.

<a id="my-link" class="tooltip" href="#" title="Link to Image"> 
    <img src="<?php echo 'admin/'.$item['img'] ?>" width="70" height="70" /> 
</a> 

을 그리고 당신의 jQuery은 다음과 같아야합니다 :

예를 들어, 그런 시도

$('#my-link').click(function(){ 
    alert('clicked'); 
}); 

또는 :

$('#my-link').click(function(){ 
    ersal(); 
}); 

function ersal(){ 
    alert('clicked'); 
}