JavaScriptを学び始めたばかりです。
私は問題があります。私は次のことをしようとしています:
私は2つのdivを持っています。リストを入力したまま、
.phpコード
<ul class="master">
<?php foreach ($zabiegi as $zabieg):
echo '<button class="down" style="display: none;">Down</button>'.'<li>'.$zabieg['nazwa'].'</li>'.'<button class="up" style="display: none;">Up</button>';
endforeach; ?>
</ul>
html
<ul class="master">
<li><button class="down" style="display: none;">Down</button></li>
<li>First</li>
<li><button class="up" style="display: none;">Up</button></li>
<li><button class="down" style="display: none;">Down</button></li>
<li>Second</li>
<li><button class="up" style="display: none;">Up</button></li>
<li><button class="down" style="display: none;">Down</button></li>
<li>Third</li>
<li><button class="up" style="display: none;">Up</button></li>
</ul>
そして右が空です。私は次の効果を達成しようとしています。左側の要素をクリックするとdiv
、アイテムが右側にコピーされますdiv
。次に、右側にコピーされたアイテムをクリックすると、(のように見えるはずですdiv
)という2つのボタン(要素など)を表示したいと思います。それらの1つ(上、下)をクリックすると、それらが割り当てられている適切な要素が1つ上または下にシフトします。UP
DOWN
[Down] [Li] [Up]
ドラッグ可能な(jquery-ui)を使用したくないので、単純なクリックに基づいてこのタスクを実行したいと思います
どんな助けでも大歓迎です。