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

いくつかの構文エラーがありました：

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

Answer 3

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を関数に渡す理由は明確ではありません。あなたはそれで何をしたいですか？