jquery - 为什么我的功能不起作用

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>

但是当我点击链接发送我的功能不起作用为什么？

score 3 · Accepted Answer

你的 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">

score 2 · Accepted Answer

For handling hover event, you should use this code:

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!"); });
});

score 1 · Accepted Answer

您不能在 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');
}

3 回答 3