jqueryui中的可选图像项
总之,我正在尝试实现可选图像列表。下面是我所做的。 但我有两个问题需要解决,请帮助复习。谢谢jqueryui中的可选图像项,jquery,jquery-ui,Jquery,Jquery Ui,总之,我正在尝试实现可选图像列表。下面是我所做的。 但我有两个问题需要解决,请帮助复习。谢谢 我不想选择img 防止多重选择 脚本 function initSelectable() { $("#layoutol").selectable({ stop : function(event, ui) { var result = $("#spanSelectedLayout").empty(); $(".ui-selected", this).each(fun
function initSelectable() {
$("#layoutol").selectable({
stop : function(event, ui) {
var result = $("#spanSelectedLayout").empty();
$(".ui-selected", this).each(function() {
var index = $("#layoutol li").index(this);
result.append((index + 1));
});
},
selected:function (event,ui){
//prevent the img element selected and multiple selected, the below code not make it .
$(event.target).children('.ui-selected').children('.ui-selected').removeClass('ui-selected');
$(event.target).children('.ui-selected').not(':first').removeClass('ui-selected');
}
});
}
Html
<ol id="layoutol">
<li class="ui-state-default"><img alt="" src="img/A.PNG" /></li>
<li class="ui-state-default"><img alt="" src="img/B.PNG" /></li>
<li class="ui-state-default"><img alt="" src="img/C.PNG" /></li>
<li class="ui-state-default"><img alt="" src="img/D.PNG" /></li>
</ol>
总之,我找到了一种方法,我所做的如下。还有更好的办法吗?谢谢
selected:function (event,ui){
$('img',event.target).removeClass('ui-selected');
$(event.target).children('.ui-selected').not(':first').removeClass('ui-selected');
}
我找到了这个。非常容易在您的网站上集成:
请发布与回答问题相关的代码,而不仅仅是一个链接。@ArmanH您可以在链接中查看代码。这里有很多例子。看起来很好。谢谢!:我们鼓励链接到外部资源,但请在链接周围添加上下文,以便您的其他用户了解它是什么以及为什么存在。始终引用重要链接中最相关的部分,以防无法访问目标站点或永久脱机。