こんにちは。
私はサーバーサイドのエンジニアでJavascirptがJQueryをちょろちょろいじる程度です。
それを前提に読んでいただけると助かります。
https://github.com/khayrov/khayrov.github.com/blob/master/jsfiddle/knockout-fileapi/index.html
こちらのスクリプトを参考に画像や文章をサーバーにアップロードすることを考えています。
ここに項目の順番を変更できるように機能追加したいのですが、思うように動かず困っています。
おそらくKnockout.jsの問題というよりJavascriptの知識不足だとは思っているんですが、助言いただけると幸いです。
上記コードに追加した箇所
HTML部分
lang
1<input type="file" accept="image/*" data-bind="file: imageFile, fileObjectURL: imageObjectURL, fileBinaryData: imageBinary"/> 2<div data-bind="if: imageObjectURL"> 3 <img class="thumb" data-bind="attr: { src: imageObjectURL }"/> 4</div> 5<!--追加した部分--> 6<div><input type="text" data-bind="title"></div> 7<div><button type="button" data-bind="click: upSlot">up</button></div> 8<div><button type="button" data-bind="click: downSlot">down</button></div>
ko_file.jsの追加箇所
lang
1self.removeSlot = function(data) { 2 self.images.remove(data); 3}; 4//追加した部分(これでは動かず) 5self.upSlot = function(data) { 6 var index = self.images().indexOf(data); 7 self.images().splice(index-1, 2, self.images()[index], self.images()[index-1]); 8}
このようにボタンを押すと要素が上下に移動できるというのを実現したいのですが・・・
よろしくお願いいたします。
あなたの回答
tips
プレビュー