在jquery ui可选择的小部件中,我注意到你可以通过按住ctrl键(或拖动框)选择多个项目,但是如何禁用多选。我只想一次只能选择一个。
谢谢。
谢谢。
$.ui.selectable
中删除了ctrl键引用和_mouseDrag
函数:http://jsfiddle.net/zFFXc/
$("#myList li").click(function() {
$(this).addClass("selected").siblings().removeClass("selected");
});
可选择的、单选的,支持键盘操作
//after load
$(function() {
// make <ol id=lista> selectable (jquery UI)
$("#lista").selectable();
$("#lista").children(":first-child").addClass("selected"); //select first
$(document).keydown(function(ev) { //con keyboard
var actual = $(".selected");
switch (ev.keyCode) {
case 13: // User pressed "enter" key
actual.dblclick();
ev.preventDefault();
break;
case 38: // User pressed "up" arrow
actual.prev().click();
ev.preventDefault();
break;
case 40: // User pressed "down" arrow
actual.next().click();
ev.preventDefault();
break;
}
}); //end keydown
//single select
$("#lista li").click(function() {
$(this).addClass("selected").siblings().removeClass("selected");
});
}); // end $(fn...