Супермаленький вопрос

[Bender1000]

Ползунок должен бегать по линии, куда ткнёт пользователь.
В Chrome, Opera и даже Explorer работают, FireFox отказывается выполнять, пишет, что x undefined. Скажите, как поправить/дополнить скрипт, чтобы FireFox тоже понимал, о чем идет речь? ))

$(document).ready(function () {
	$('.jsLevel__slider').click(function (e) {
        var x = e.offsetX==undefined?e.layerX:e.offsetX;
        $('.jsLevel__slider_pols').animate({'margin-left':x-10});
        console.log(x);
    });
});

[Stanislav]

Попробовал ваш код такая же беда.

Не претендую на правильность но думаю поможет:

	$('.jsLevel__slider').click(function (e) {
        var x = e.offsetX==undefined?e.layerX:e.offsetX;
		
		if(e.offsetX==undefined) // this works for Firefox
		{
			xpos = e.pageX-$('.jsLevel__slider').offset().left;
			ypos = e.pageY-$('.jsLevel__slider').offset().top;
		}             
		else                     // works in Google Chrome
		{
			xpos = e.offsetX;
			ypos = e.offsetY;
		}
		
        $('.jsLevel__slider_pols').animate({'margin-left':x-10});
        console.log(xpos);
    });

[lomastr_]

==undefined

а если это убрать?

[Stanislav]

Сообщение от lomastr_

а если это убрать?

в лисе в консоле не наблюдается layerX, offsetX

			
altKey
	
	false
attrChange
	
	undefined
attrName
	
	undefined
bubbles
	
	true
button
	
	0
buttons
	
	0
cancelable
	
	true
clientX
	
	407
clientY
	
	98
ctrlKey
	
	false
currentTarget
	
	div.jsLevel__slider
data
	
	null
delegateTarget
	
	div.jsLevel__slider
eventPhase
	
	2
fromElement
	
	undefined
handleObj
	
	Object { type="click", origType="click", guid=20, ещё...}
jQuery17208409080743666639
	
	true
metaKey
	
	false
offsetX
	
	undefined
offsetY
	
	undefined
originalEvent
	
	click clientX=407, clientY=98
pageX
	
	407
pageY
	
	98
relatedNode
	
	undefined
relatedTarget
	
	null
screenX
	
	2327
screenY
	
	195
shiftKey
	
	false
srcElement
	
	undefined
target
	
	div.jsLevel__slider
timeStamp
	
	23062641
toElement
	
	undefined
type
	
	"click"
view
	
	Window o3
which
	
	1
isDefaultPrevented
	
	J()
isImmediatePropagationStopped
	
	J()
isPropagationStopped
	
	J()
preventDefault
	
	function()
stopImmediatePropagation
	
	function()
stopPropagation
	
	function()
__proto__
	
	Object { preventDefault=function(), stopPropagation=function(), stopImmediatePropagation=function(), ещё...}

[Bender1000]

Класс! Переменные чуть поправил, и всё заработало.
Тут выкладываю, может быть, кому-то понадобится.

$(document).ready(function () {
	$('.jsLevel__slider').click(function (e) {
        var x = e.offsetX==undefined?e.layerX:e.offsetX;
		if(e.offsetX==undefined) // this works for Firefox
		{
			x = e.pageX-$('.jsLevel__slider').offset().left;
		}             
		else                     // works in Google Chrome
		{
			x = e.offsetX;
		}
        $('.jsLevel__slider_pols').animate({'margin-left':x-10});
    });
});

[Stanislav]

Поздравляем!

[lomastr_]

в лисе в консоле не наблюдается layerX, offsetХ

ааа, так в жиквери есть http://api.jquery.com/offset/ не оно?

[Stanislav]

Сообщение от lomastr_

ааа, так в жиквери есть http://api.jquery.com/offset/ не оно?

что то читал на SO там какой то баг был, может от версии жиквери зависит, вообщем я дальше не стал читать, т.к на англ. после 2 не читаю уже.

p.s Если вам интересно можете сами попробовать, автор уже доволен