2

複数の子DIVを追加できるバーを作りたい（このように：http：//i.imgur.com/vTM7P9v.jpg ）。私はjQuery、jQuery UI、およびBootstrapを使用しています。さらに、いくつかのプラグイン。div（またはspan）システムは次のようになります。

<div class="parent">
    <div class="child" id="1"></div>
    <div class="child" id="2"></div>
    <div class="child" id="3"></div>
</div>

そして、「Adddiv」は次のようになります。

$('parent').append('<div class="child" id="4"></div>');

そして、残りのjQuery/javascriptがどのように見えるかわかりません。私が抱えている最大の問題の1つは、ここで他の脅威が解決されないことです。これをモバイルでも機能させたいということです。たぶんHammer.jsを使っている

かなり前から探していましたが、すでに投稿されている方はごめんなさい

更新：私がそれを十分に明確に言っていない場合は、divをドラッグする必要があります。このプラグインhttp://dev.iceburg.net/jquery/jqDnR/でできるように、ただし、全幅は同じままである必要があります（サイズ変更されていないDIVは小さくする必要があります）

例：600pxに1本のバーがあります。3つの子DIVがあり、それぞれが200pxです。次に、そのうちの1つをサイズ変更して、300pxにします。それから他のものはそれぞれ150pxです

4

1 に答える 1

1

このようなもの？

HTML:

<input type="button" id="addChild" value="Add Child"/>
<div id="parent" class="parentClass">

</div>

jQuery:

var idGen = 0;
$("#addChild").on("click",function(){
    $("#parent").append("<div id='" + idGen++ + "' class='childClass'>Child Div</div>");
});

CSS:

.childClass
{
    background-color:#b0c4de;
    float:left;
    border:1px solid;
    padding:4px;
}
.parentClass
{
    background-color:green;
    width:500px;
}

JSFiddle: http://jsfiddle.net/Rrdyw/

私はテストしていませんが、これはモバイルでも機能すると確信しています。

于 2013-02-21T21:49:22.897 に答える