Почему моя функция не работает

Question

У меня есть ссылка в атрибуту заголовка в DIV, как это -

<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-код должен быть как this-

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

Для обработки событий мыши, вы должны использовать onclick свойство и значение для него может быть яваскрипт код или любого вызов функции JavaScript. Синтаксис может быть указан следующим образом:

<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'); 
}