我试图动态地将多个可选的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")

10-05 20:44
查看更多