jquery選択可能 - クリックすることで単一要素を選択しません - これは可能ですか?
-
05-10-2019 - |
質問
Photoshopのように、Lassoをクリックまたは使用して、既存の選択の部分を「解決」するために別のキーを維持するように、選択したアイテムを選択できなくなりたいと思います。
これは可能ですか?
「jquery ui selectable」を理解しているように。 CTRLを使用した場合と違反しない「シングルクリック」のみがあり、倍数を追加してから、クイックラッソを追加します。
私は、再びクリックすることで、選択全体の1つまたは2つの要素を選択することがどのように解除されるかを見ようとしています。
たとえば、ラッソをドラッグして30の要素を取得しますが、1がこの選択の一部である必要はないことがわかります。あなたはそれをクリックして選択を解除します。
したがって、既存の選択に反応し、選択した要素を削除するもの。
または、ラッソでは、ラッソの選択をします。 30の要素を取得します。次に、新しいラッソを描きます。今回は、すでに選択された要素から始まりますが、デフォルトの選択が解除され、グループの残りの部分もマークされます。
これは、Jqueryuiにとってカスタマイズ可能な動作であると思います。
しかし、単純なjQueryハックで「単一の解像度」が可能ですか、それとも多くのコードが必要ですか?
解決
これを自分で行うために選択可能な変更を変更する必要があると思われます。
ニコラス・ルーダス(?)によってこの例を見つけました: http://nicolas.rudas.info/jquery/selectables_sortables/
$(function() {
$("#selectable")
.selectable({
autoRefresh: false,
stop: function(e,ui){
$(this).selectable( 'refresh');
},
noConflict : false
})
.sortable({
opacity:'0.5',
cursor: 'move',
zIndex: 5,
helper : 'clone',
forcePlaceholderSize : true,
stop : function(){
$("#selectable").selectable( 'refresh');
}
})
$('#noConflict').toggle(function() {
$(this).text('Disable \'noCoflict\'');
$("#selectable").selectable('option','noConflict',true).selectable( 'refresh');
},
function() {
$(this).text('Enable \'noCoflict\'');
$("#selectable").selectable('option','noConflict',false).selectable( 'refresh');
});
});
彼は、私たちが探していた機能をどのように可能にしたかを示しています。彼はまた、彼が解決するいくつかの問題についても説明しています。私は今、彼のコードをもっと徹底的に調べます。
したがって、私はこの質問を閉じています。