我怎樣才能動態地應用了「左」像素的div的寬度，相同的父元素中，使用jQuery

因此，在最基本的方面，我有這樣的設置：我怎樣才能動態地應用了「左」像素的div的寬度，相同的父元素中，使用jQuery

<div id=parent_element> 

    <div class="child_one"></div> 
    <div class="child_two"></div> 

</div>

目前，。 child_one具有動態更改的左css值。我想要做的是保持.child_two的寬度值與.child_one的左側值完全相同。

我已經試過這樣：

$('.child_two').width($(this).parent($(this).closest('.child_one').css("left")));

......可是，無濟於事。我是否在正確的軌道上，或者有更好的方法來做到這一點？

更準確的代碼：

<div class="mCSB_draggerContainer"> 
    <div oncontextmenu="return false;" style="position: absolute; width: 266px; left: 0px;" class="mCSB_dragger"> 
     <div style="position:relative;" class="mCSB_dragger_bar"></div> 
    </div> 
    <div class="mCSB_draggerRail"></div> 
    <div class="slide_progress" style="width: 0px;"></div> 
</div> 


<script> 
    $('.mCSB_draggerContainer').append("<div class=slide_progress></div>"); 

    var progress_width = $('.mCSB_dragger').css('left'); 
    $('.slide_progress').css('width', progress_width); 
</script>

而且，我應該提到的是，.slide_progress DIV加入與jQuery .append（）。

來源

2013-11-22 glenn

只是要更加清晰。什麼是「左」價值。你是指左邊緣？還是左填充？或者你的意思是左邊元素的總寬度？ –

在這裏看起來你的問題是你從左邊得到一個px的值，但你可以直接粘貼它的寬度因爲它不處理單位 – DaniP

@KrisHollenbeck參考實際的左值。所以，如果.child_one設置在左側：100px，那麼我需要.child_two的寬度爲：100px。 – glenn

在這裏似乎你的問題是你得到px從left值，但不能將其粘貼在寬度直接，因爲它不處理單位：多看這裏Width()

你可以這樣做：

var twoWidth = $('.child_one').css('left'); 
$('.child_two').css('width', twoWidth);

有了這個你就px得到的left一些值，然後將其分配給第二個div的width。

爲了使這項工作，你需要確定你的函數或代碼正確的地方：這裏有一些例子：

Fire event with Button Click

Fire event on Time

來源

2013-11-22 21:09:23 DaniP

所以，這似乎工作，除非它需要是動態的。我發現它將width：0與child_two內聯放置，因爲在pagre加載時，child_one被設置爲left：0。我需要它動態地改變。（child_one是可拖動的滑動元素）。 – glenn

所以它直接取決於你的處理程序，你可以發佈更多的代碼或小提琴？ – DaniP

用更多的代碼更新了我的問題。 – glenn

我怎樣才能動態地應用了「左」像素的div的寬度，相同的父元素中，使用jQuery

回答

相關問題