JQuery Mobile将自定义主题应用于autidividers

Question

有没有办法为编程创建的autidividers添加属性？

我使用以下代码生成自动分割器：

$("#classList").listview({
    autodividers:true,
    autodividersSelector: function ( li ) {
        var hi = li.text().split(" ");
        return hi[0];
    }
}).listview("refresh").trigger('create'); 

我想将data-divider-theme设置为b。我在控制台中使用以下命令创建分隔符后尝试执行此操作：

$(".ui-li-divider").attr('data-divider-theme', 'b');
$("#classList").listview('refresh');

但是分隔线的外观并没有改变。我是否应该在创建自动分割器时或在创建自动分割器之后添加任何代码来更改此属性？

谢谢！

Answer 1

您可以设置 dividerTheme 选项：

$("#classList").listview({
    autodividers:true,
    dividerTheme: "b",
    autodividersSelector: function ( li ) {
        var hi = li.text().split(" ");
        return hi[0];
    }
}).listview("refresh").trigger('create'); 

或只是将类ui-bar-b添加到分隔符

$(".ui-li-divider").removeClass("ui-bar-a").addClass("ui-bar-b");