2013-02-12 2 views
0

Может ли один плз скажите мне, где я wrong.I хочу получить координаты кнопки на мыши, но это дает мне ошибкуКоординаты на кнопке Click Javascript

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

он не показывает мне что-нибудь

+0

Вы включили JQuery в вашей HTML странице? – Uooo

+0

Вы включаете jQuery? – marbor3

+0

По-видимому, нет, или после сценария он использует – C5H8NNaO4

ответ

1

Попробуйте этот код:

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

Добавить любую версию jquery первого в срезах головы перед добавлением вашего main.js как:

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

Check fiddle http://jsfiddle.net/PSpvT/

+0

, но это сработало. Мне пришлось добавить $ (document) .ready (function() {}); и напишите код отдыха в init(), затем он сработает. Может, я исправлю меня, почему это сработало так? – Passion

+0

Что вы главный код, в который вы хотите вставить этот код? –

+0

Я хочу добавить его в onClick – Passion

1

Inste Объявление из ниже:

var jq = $('#theButton'); 

Попробуйте

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

Jquery РЕШЕНИЕ:

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

Это даст ошибку 'jq.offset() не определено', поскольку это функция 'jquery' –

+0

, тогда вы shoud поместите свой код в функцию DQ Ready jquery, как указано выше в решении jquery – defau1t

Смежные вопросы