Öğenin doğru konumu nasıl alınır?

Question

Bir öğenin doğru konumunu almak istiyorum. attr('right')'u denedim ve var olmayan (Ben inanıyorum) olan .position().right ile ilgili API belgesini okudum.

http://jsfiddle.net/xavi3r/vcuq7/

ben için doğru değer uyarmak isteyen bir örneğidir.

Answer 1

CSS right özelliğinin değerini bulmak ister misiniz?

$('#foo').css('right'); 

düz JavaScript yılında

:

document.getElementById('foo').style.right; 

Ama, yenisi sağ kenarına bir elementin sağ kenarından hesaplanan mesafeyi bulmak istiyorsanız, o zaman gerekecek .position().left ve .offsetWidth birleştirerek kendine bunu

Answer 2

deneyebileceğiniz .css

.css("right");

Answer 3

Bu çalıştığını bana bakıyor:

jQuery('#elem').offset().left + jQuery('#elem').width() 

Fiddle: http://jsfiddle.net/adamovic/fcyL5sg0/

Answer 4

$(document).width() - ($('#elem').offset().left + $('#elem').width()); 

size daha sonra ayarlayabilirsiniz elemanın sağ tarafındaki boşluk almalısınız elementin pozisyonunun 'doğru' özelliği için değer olarak;

Answer 5

CSS değeri yalnızca stil veya $ .css() ile ayarlanırsa geçerlidir.

Ancak bir nesnenin doğru konumunu almanız gerekiyorsa, javascript/jquery'yi kullanmalısınız.

Bazı geçerli çözümler olsa da, $ .fn.width() öğesinin hesaba katılmadığını ve dolgu yapılmadığını unutmayın. Yani outerWidth()'u kullanmak daha iyidir.

Örnek:

$(document).width() - ($('#elem').offset().left + $('#elem').outerWidth()); 

Hatta değerini almak için bir $ .fn işlevi oluşturabilirsiniz:

$.fn.right = function() { 
    return $(document).width() - (this.offset().left + this.outerWidth()); 
} 

Sonra kullanmak: tarafından belirtildiği gibi

$('#elem').right(); 

Answer 6

@ yorumlarda avernet, varsayımsal bir .position() eşdeğeri, şu şekilde ifade edilir:

$('#foo').offsetParent().width() - ($('#foo').position().left + $('#foo').width());