2014-02-23 61 views
1

我想要我的HTML文档输出龙与地下城的随机数。但是,代码无法正常工作,我无法解决原因。jQuery/JavaScript脚本标记不工作

<!DOCTYPE html> 
<html> 
<head> 
<script src="//code.jquery.com/jquery-1.10.2.js"> 
$(document).ready(function(){ 
    $("#d4").click(function(){ 
    var out = Math.random(1,4); 
    alert(out); 
    }; 
}); 
</script> 
</head> 
<body> 
    <p id ="d4">Roll a d4</p> 
</body> 
</html> 
+0

它是如何工作的? – Yatrix

+1

将您的document.ready代码放在jquery脚本标记后的单独脚本标记中。 – WebServer

回答

8

脚本标签不能有src属性和身体,你需要使用单独的脚本标签

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script> 
$(document).ready(function() { 
    $("#d4").click(function() { 
     var out = Math.random(1, 4); 
     alert(out); 
    }); //missing) here 
}); 
</script> 

Script SRC

该属性指定外部脚本的URI;可以使用 作为将脚本直接嵌入到 文档中的替代方法。具有指定的src属性的脚本元素不应该 在其标签中嵌入脚本。

0

缺少点击函数的右括号。

1

提醒后,您需要关闭点击功能的括号。

$(document).ready(function(){ 
    $("#d4").click(function(){ 
     var out = Math.random(1,4); 
     alert(out); 
    }); // <-- here 
});