为什么我的功能不起作用

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" onclick='ersal()'>
  <img src="<?php echo "admin/".$item['img'] ?>" width="70" height="70"  />
</div>

对于处理点击事件，您应该使用onclick属性，其值可以是javascript代码或任何javascript函数调用。语法可以这样给出 -

<element onclick="Somejavascriptcode">

Answer 2

要处理悬停事件，您应该使用以下代码：

HTML CODE：

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

JS CODE：

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

Answer 3

您无法在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');
}