使用jquery無法在身體中移動時發生錯誤？

在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 
     }); 
    }); 
});

錯誤。提交按鈕無法在鼠標移動事件上運行。我應該如何解決這個問題？

來源

2012-11-23 Hai Truong IT

我甚至都不明白這個問題是什麼問題O.o – Mutmatt

試試這個：

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

你應該先使用所有$(document)因爲你想選擇你的DIV這是body它可以很容易地the document本身的parent()。然後使用on()進行直播DOM解釋。

然後將這jQuery("#button-wrapper")轉換爲$("#button-wrapper")只是因爲如果你使用一個，不要使用其他。

同時將$(document).ready(function(){});部分轉換爲$(function(){});。

來源

2012-11-23 15:51:37 sbaaaang

.on（）只會在您指定選擇器作爲第二個參數時纔會生效。 – Selosindis

也許http://jsfiddle.net/Fxk52/3/爲更好的表現？ @Selosindis – sbaaaang

我不是說它不會工作（因爲它很明顯），只是它沒有使用類似於.live（）的事件監聽器，如下所示：http://api.jquery.com/對/ – Selosindis

使用jquery無法在身體中移動時發生錯誤？

回答

相關問題