jquery - 如何使用jquery使用参数值触发和事件

Question

我想在用户将鼠标悬停时显示一个参数值。我想用jquery来做。我的函数返回一个未定义的值。

<script type="text/javascript">
$(function showinfo(id, a,b){
    $('div').mouseover(function(){
        var html= '<div>'+ a +'</div> <div>'+b+'</div>';
        $('body').append(html)
    })
})
</script>

HTML：

<div onmouseover="showinfo(this, '50','60')">show info</div>

Answer 1

我建议稍微不同地做：

<div id="container">
    <div id="showInfo" >show info</div>
</div>

和 jQuery：

$(document).ready(function() {
  $("#showInfo").mouseover(function() {
    showInfo($(this).attr("id"), '50', '60');
  });
});

function showInfo(id, a, b) {
  var html = '<div>'+a+'</div><div>'+b+'</div>';
  $("#container").append(html);
}

你也可以看看jQuery的悬停功能。jsFiddle在这里：http: //jsfiddle.net/KvMuD/

Answer 2

function showInfo(id, a, b) {
  var html = '<div>'+a+'</div><div>'+b+'</div>';
  $(body).append(html);
}

然后：

<div onmouseover="showinfo(this, '50','60')">show info</div>

将是一个更清洁的版本。但尚不清楚为什么要将悬停的实际 div 传递到函数中。你想用它做什么？

Answer 3

你有一些语法错误：

<script type="text/javascript">
$(document).ready(function(){
    function showinfo(id, a,b){
        var html= '<div>'+ a +'</div> <div>'+b+'</div>';
        $('body').append(html);
    }
});
</script>