我试图动态地将多个可选的jQuery添加到剃刀视图:
所以我不能使用:
$("#selectable").selectable();
因为每个要选择的元素的ID都将类似于selectable_x,其中x是整数。创建选择项的脚本如下所示:
function getAccordianElement(selectableId, startIdx, endIdx, routes, makeSelectable) {
var selectableDiv = $('<div></div>');
var selectable = $('<ol id=' + selectableId + '></ol>');
selectable.addClass("selectable-container");
selectableDiv.append(selectable);
for (var i = startIdx; i < endIdx; i++) {
selectable.append($('<li/>', { "class": "ui-state-default", text: routes[i].Name }));
};
if (makeSelectable) {
selectable.selectable();
}
return selectableDiv;
}
我尝试使用的CSS样式如下所示:
.selectable-container.ui-selecting { background: #FECA40; }
.selectable-container.ui-selected { background: #F39814; color: white; }
/* ol[id^="selectable_"] .ui-selected { background: #F39814; color: white; } */
.selectable-container { list-style-type: none; margin: 0; padding: 0; }
.selectable-container li { margin:1px ; padding: 1px; float: left; width: 27px; height: 25px; font-size: 1em; text-align: center; }
正在创建元素,但未应用用于ui选择和ui选择类的CSS样式。
想法大为赞赏。
TIA。
最佳答案
您可以使用类(例如$("#selectable")
)代替使用ID(例如$(".selectable")
)