javascript - 按钮上的坐标单击javascript

Question

谁能告诉我哪里错了。我想在点击时获取按钮的坐标，但它给了我错误

js/main.js (1) :ReferenceError: 找不到变量: $

按钮：

 <input type="button" style="margin-left: 80px;margin-top: 80px;"  id="theButton"  value="A button" />

J查询

 var jq = $('#theButton');
 var position = jq.offset();
 alert('x: ' + position.left + ', y: ' + position.top);

它没有向我展示任何东西

Answer 1

试试这个代码：

$(document).ready(function(){
    var jq = $('#theButton');
    var position = jq.offset();
    alert('x: ' + position.left + ', y: ' + position.top);
});

jquery在添加您的喜欢之前，在头部部分添加任何版本的first main.js ：

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>

检查小提琴http://jsfiddle.net/PSpvT/

Answer 2

而不是下面的：

var jq = $('#theButton');

尝试

var jq = document.getElementById("theButton");

jQuery 解决方案：

$(function() {
  var jq = $('#theButton');
 var position = jq.offset();
 alert('x: ' + position.left + ', y: ' + position.top);
});