在jQueryUI中只选择一个可选项
Select only one selectable with jQueryUI
我有一个序列化的可选项,我想要一个函数使它一次只选择一个列表项。我相信我有正确的密码,但它不起作用。有人知道为什么吗?
这是我的javascript:
$(function() {
$( "#selectable" ).selectable({
stop: function() {
var result = $( "#select-result" ).empty();
$( ".ui-selected", this ).each(function() {
var index = $( "#selectable li" ).index( this );
result.append( " #" + ( index + 1 ) );
});
}
});
});
$("#selectable").selectable({
selected: function(event, ui) {
$(ui.selected).siblings().removeClass("ui-selected");
}
});
我的选择从html如下。也许有一个问题,由于元素嵌套在<li>
标签?
<ul id="selectable">
<li><a><img src="images/CacheMenuGoogleCache2.png", alt="Google Cache" class="button" id="Google Cache" height ="34px" /></a></li>
<li><a><img src="images/CacheMenuBingCache2.png", alt="Bing Cache" class="button" id="Bing Cache" height ="34px" /></a></li>
<li><a><img src="images/CacheMenuYahooCache2.png", alt="Yahoo Cache" class="button" id="Yahoo Cache" height ="34px" /></a></li>
<li><a><img src="images/CacheMenuWaybackMachine2.png", alt="WayBack Machine" class="button" id="WayBack Machine" height ="34px" /></a></li>
<li><a><img src="images/CacheMenuCoralCDN2.png", alt="CoralCDN" class="button" id="CoralCDN" height ="34px" /></a></li>
<li><a><img src="images/CacheMenuGigablast2.png", alt="Gigablast" class="button" id="Gigablast" height ="34px" /></a></li>
<li><a><img src="images/CacheMenuWebCite2.png", alt="Webcite" class="button" id="Webcite" height ="34px" /></a></li>
</ul>
我感谢你的时间和你的帮助! 好了,我找到问题了。我需要将它包含在一个函数中,像这样:
$(function() {
$("#selectable").selectable({
selecting: function(event, ui){
if( $(".ui-selected, .ui-selecting").length > 1){
$(ui.selecting).removeClass("ui-selecting");
}
}
});
});
另外,您可能会注意到函数有一点不同。
相关文章:
- 创建一个可重用的RequireJs库
- 在另一个可观察量完成后触发第二个表单提交单击
- 在另一个可浏览的应用程序中包含已绑定的文件
- 正在尝试创建一个选择选项
- 只允许一个可放置区域 jquery 拖放
- 仅当从列表中选择了一个特定选项时,才显示相关内容
- 遍历下一个和上一个 jQuery 选项卡
- JavaScript拖放 - 防止元素拖放到另一个可拖放的元素中
- 使用rxjs创建一个可观察的对象,该对象稍后将连接到web套接字
- 草皮缓冲区和一个可拖动的标记
- 如果sql查询成功,请打开一个新选项卡
- 将键盘和鼠标事件从一个浏览器选项卡发送到另一个
- 仪表板中的小部件和设置需要一个可维护的Javascript回发模式
- 我让一个图像看起来像一个可点击的按钮,但现在当我点击它时,它不会起到超链接的作用
- 制作一个可点击的下拉列表,获取值并将其放置在表JQuery中
- 在私人浏览中打开一个新选项卡
- 如何提供日期选择器,该日期选择器包含一个可选择的日期、月份和年份选项
- 在jQueryUI中只选择一个可选项
- 如何使只有一个可选菜单选项html和jquery
- Jquery modal:关闭一个模态,然后让它成为一个可点击的选项