jQuery ile <hr> öğesinin genişliğini değiştirmeye çalışıyorum ancak genişliği 2 yönde değiştirir. Sadece sağ tarafa uzanmasını istiyorum. Uygulamamda bazı eylemler yaptığımda, food.runningDistance değişkeni değişiyor. Kod:<hr> öğesinin genişliğini tek yönde nasıl değiştirebilirim?
html:
<hr id="runningLine">
javascript:
$("#runningLine").animate({width: food.runningDistance}, 500);
bir hr eleman margin: 0 auto kendisine ayarlanır gibi davranır. Sorunuza yaptığım yorumda belirtildiği gibi, hrsupposed to mark a thematic break olduğundan div kullanırım, ancak farklı bir amaç için kullanıyorsunuz.
yine istediğiniz şekilde çalışmak almak istiyorsanız
, senmargin-left: 0; margin-right: 0; belirlemek zorunda:
$("#runningLine").css("margin", 0).animate({width: "10%"}, 3000);<hr id="runningLine">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>bu tam olarak aradığım şeydi :) Teşekkürler! –
Neden bir div kullanmak? – lexith
'animate'
'dan soldan sağa mı gitmek istiyorsunuz? – Vikrant
@Alrazah: 'hr' semantik bir anlama sahiptir,' div' yapmaz. –