jquery - 将列表(.li 和 .ul)更改为 jquery slider 上的罗马数字

Question

添加时如何将控件导航更改为罗马数字

.evoslider .controlNav ul { 
  list-style: upper-roman; position: relative; 
} 

我得到两个罗马数字和非罗马数字并排。

filmspecs.com/links.html

Answer 1

你应该把罗马数字放在<li>里面元素，并删除 list-style来自 CSS 的属性。

我环顾四周，但看起来 JavaScript 是唯一的解决方案(如果您无法编辑源代码)。这有点棘手，但我已经在您的网站上对其进行了测试并且工作正常。

那么试试这个 JavaScript 代码:

Number.prototype.toRoman = function() {
    var digits = String(+this).split(""),
        key = ["","C","CC","CCC","CD","D","DC","DCC","DCCC","CM", "","X","XX","XXX","XL","L","LX","LXX","LXXX","XC","","I","II","III","IV","V","VI","VII","VIII","IX"],
        roman = "",
        i = 3;

    while (i--) roman = (key[+digits.pop() + (i * 10)] || "") + roman;
    return Array(+digits.join("") + 1).join("M") + roman;
}

$(document).ready(function() {
    $('.bullets').each(function(index, element) {
        element.textContent = (+element.textContent).toRoman();
    });
});