[英]How do I convert this piece of javascript code to coffeescript code
以下代碼在coffeescript中是什么樣的?
<script type="text/javascript">
$(function () {
$('#datetime-picker').datetimepicker();
});
</script>
$ ->
$("#datetime-picker").datetimepicker()
return
<script type="text/coffeescript">
$ ->
$("#datetime-picker").datetimepicker()
return
</script>
確實是您問題的正確答案。 不幸的是,瀏覽器無法原生理解coffeescript 。
但是,有一個鮮為人知的功能可以使這樣的代碼起作用。 您必須在頁面上的所有coffeescript之后加載coffee-script.js
(例如,從http://github.com/jashkenas/coffee-script/raw/master/extras/
加載)。 這是編譯器,在加載時,它將評估並編譯頁面上先前定義的所有coffeescript。 當然,在每個頁面加載時編譯coffeescript都遠遠不夠高效,並且絕對不建議將其用於生產代碼。
不過,這是一個自包含的示例:
<html>
<head>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">
</script>
</head>
<body>
<script type="text/coffeescript">
$ -> $('#header').css 'color','green'
</script>
<h1 id="header" style="color:red">
If this is green your browser understand coffescript !!
</h1>
<!-- Load coffeescript compiler -->
<script type="text/javascript"
src="http://github.com/jashkenas/coffee-script/raw/master/extras/coffee-script.js"> </script>
</html>
話雖如此,引用doc的話 : “不建議嚴重使用它”
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.