爲什麼我的功能不工作

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代碼應該是像這個 -

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

對於處理click事件，你應該使用onclick屬性和值也可以是JavaScript代碼或任何JavaScript函數調用。語法可以這樣給出 -

<element onclick="Somejavascriptcode"> 

Answer 3

你不能在title屬性中添加一個url。

嘗試這樣的，例如：

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