为什么我的功能不工作

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