0

ここでこのデモを試しています

HTMLの場合:

...
    <body>
       <div id="button-wrapper" style="position: absolute; opacity: 1; width: 27px; height: 20px;">
          <input type="submit" value="submit">
       </div>
    </body> 
...

jQueryの場合:

$(document).ready(function(){
   $("#button-wrapper").parent().mousemove(function(e) {
       jQuery("#button-wrapper").css({
           top : e.pageY - 10,
           left : e.pageX + 30
       });
   });
});

体の上でマウスを動かすとエラーが発生します。送信ボタンは、マウス移動イベントでは実行できません。これをどのように修正すればよいですか?

4

1 に答える 1

3

これを試して:

$(function(){
    $(document).on('mousemove',function(e) {
        $("#button-wrapper").css({
            top : e.pageY - 10,
            left : e.pageX + 30
        });
    });
});

簡単にそれ自体であるdivを$(document)選択しようとしているので、最初にすべてを使用する必要があります。次に、ライブ DOM 解釈に使用します。parent()bodythe documenton()

次に、一方を使用する場合は他方を使用しないという理由だけでこれjQuery("#button-wrapper")を翻訳します。$("#button-wrapper")

$(document).ready(function(){});partも に変換し$(function(){});ます。

于 2012-11-23T15:51:37.797 に答える