jqueryを使用して11から18までの8つのチェックボックスを追加します。フィドルが作業していて、HTMLで動作していない:jqueryページロード前にループを使用して要素を追加する
私のjavascript
<script type="text/javascript">
$(document).ready(function(){
for (i = 11; i < 19; i++) {
$("#container").append("<div class=\"round-button\"><div class=\"round-button-circle\"><label><input type=\"checkbox\" value=" + i + "><span>" + i + "</span></label></div></div>");
}
});
</script>
HTMLは、単に
<div id="#container"></div>
更新です。私は間違って何をしていますか?
<!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/styles.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/select2.css">
<link rel="stylesheet" href="css/select2-bootstrap.css">
</head>
<body>
<div id="container">
</div>
<script type="text/javascript">
$(document).ready(function() {
for (i = 11; i < 19; i++) {
$("#container").append("<div class=\"round-button\"><div class=\"round-button-circle\"><label><input type=\"checkbox\" value=" + i + "><span>" + i + "</span></label></div></div>");
}
});
</script>
</body>
</html>
CSSは、ただ、idは
<div id="container"></div>
JsfiddleようDIVに与えるStyles.cssをしてdiv要素のIDから
問題は今何ですか? –
ID: – guradio
**のHTMLの '#'を除いて[demo](https://jsfiddle.net/of5bj24m/)はOKであるはずです。** ['See works fine here'](http://jsfiddle.net/Guruprasad_Rao/s8vhacg5/2 /)**。 'html'の' container'から '#'を削除してください –