javascript - LESS client side -


i'm trying fiddle work locally. not render properly. i've no idea why. linked .less file copied directly fiddle. result of markup blank page. opted use cdn because when downloaded source unsure less.js file copy.

here's markup:

<!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>

my guess running off c: drive instead of local server relative protocol link breaking.

src="//cdnjs..."

needs be

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

better yet running own server. simple python or node.


-

Comments

Post a Comment