Existe-t-il un moyen de faire en sorte que cet objet de sélection de grille jquery soit sélectionné par défaut?

Question

http://jqueryui.com/demos/selectable/#display-grid

Im en utilisant le Jquery sélectionnable (lien ci-dessus), mais l'utilisateur doit maintenir le bouton de commande vers le bas pour sélectionner plusieurs éléments ... Y at-il de toute façon que l'utilisateur peut sélectionner plusieurs éléments sans tenir le bouton de commande vers le bas? En d'autres termes: Je souhaite que l'utilisateur puisse sélectionner n'importe quel élément en cliquant dessus et le désélectionner en cliquant à nouveau.

Des pensées?

Answer 1

Dans l'exemple sur le lien, vous pouvez modifier le script pour modifier des éléments comme permet de basculer

<style> 
#feedback { font-size: 1.4em; } 
#selectable .ui-selecting { background: #FECA40; } 
#selectable .ui-selected { background: #F39814; color: white; } 
#selectable { list-style-type: none; margin: 0; padding: 0; } 
#selectable li { margin: 3px; padding: 1px; float: left; width: 100px; height: 80px; font-size: 4em; text-align: center; } 
</style> 
<script> 
$(function() { 
    $('#selectable li').bind('mouseup', function(e) { 
     $(e.target).removeClass('ui-selecting'); 
     var selected = $(e.target).attr('data-selected'); 
     if (selected) { 
      $(e.target).attr('data-selected', null); 
     } else { 
      $(e.target).addClass('ui-selected'); 
      $(e.target).attr('data-selected', true); 
     } 
    }); 
    $('#selectable li').bind('mousedown', function(e) { 
     $(e.target).removeClass('ui-selected'); 
     $(e.target).addClass('ui-selecting'); 
    }); 
}); 
</script> 

Answer 2

Vous pouvez définir metaKey sur mousedown pour simuler Ctrl à presser:

$('#selectable').bind("mousedown", function(e) { 
    e.metaKey = true; 
}).selectable()​;​ 

Voir ceci DEMO.