更少的客户端

Question

我正在尝试获取此 fiddle to work locally. It does not render properly. I've no idea why. The linked .less file is copied directly from the fiddle. The result of my markup is a blank page. I opted to use the CDN because when I downloaded the source 我不确定要复制哪个 less.js 文件。

这是标记：

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>radial-progress</title>
<link rel="stylesheet/less" type="text/css" href="styles/radial-progress.less">
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.1/less.min.js"></script>
</head> 
<body>
    <div class="radial-progress" data-progress="0">
        <div class="circle">
            <div class="mask full">
                <div class="fill"></div>
            </div>
            <div class="mask half">
                <div class="fill"></div>
                <div class="fill fix"></div>
            </div>
            <div class="shadow"></div>
        </div>
        <div class="inset">
            <div class="percentage"></div>
        </div>
</div>
<script>
$('head style[type="text/css"]').attr('type', 'text/less');
less.refreshStyles();
window.randomize = function() {
$('.radial-progress').attr('data-progress', Math.floor(95));}
    setTimeout(window.randomize, 200);
    $('.radial-progress').click(window.randomize);
</script>
</body>
</html>

Answer 1

我猜你运行离开了 C: 驱动器而不是本地服务器，所以相关协议 link 被破坏了。

src="//cdnjs..."

需要

src="http://cdnjs..."

最好查看运行您自己的服务器。 python or node.

很简单

更少的客户端

LESS client side

javascript

less