我想添加一行到2单元格的表。 单元1:从输入字段中的文本 小区2:rateit星级ratting 这里是我的HTML:添加输入文本和rateit星星也jsfiddle javascript不工作
<div>
<button type="button" id="cl" onclick="checkit()">Check I'm working</button>
</div>
<p><b> Please enter an item, rate it, and click <i>Add to Remedy</i>thanks</b></p>
<div class="form-group">
<div>
<label id="inp-title" class="control-label" for="formInput1">Field label</label>
<input type="text" class="form-control" id="formInput1" placeholder="Placeholder text">
</input>
</div>
<div>
<div id="rateit_id" class="rrateit"></div>
</div><br><br>
<button type="button" id="add-to-remedy" class="btn btn-default">Add to Remedy</button>
<div>
<table class="table" id="remedy-tbl">
<thead>
<tr>
<th>Remedy Item</th>
<th>Item Rating</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
,这里是我的JQuery:
$(document).ready(function() {
var rate-val= 0;
$('div#rateit_id').rateit();
function checkit(){
alert("HELLO WORLD!");
};
$("#rateit_id").click(function() {
rate-val = ($(this).rateit('value'));
});
$("#add-to-remedy").click(function()
{
var htmlToAppend =
'<tr><td>' + $('input[type=text].form-control').val() + '</td><td>' +
'<div class="rateit" data-rateit-value="' + rate-val +
'" data-rateit-ispreset="true" data-rateit-readonly="true"></div>' + '</td></tr>';
$("#remedy-tbl").append (htmlToAppend);
newTableRow.appendTo("#remedy-tbl");
});
});
,这里是无法运作的http://jsfiddle.net/gZ9by/8/我理解的jsfiddle问题是JavaScript的不工作,但我不知道为什么。帮助这一点也将非常感激。 谢谢 大卫
您不能在变量名中使用连字符。 JavaScript将其解释为减法。 – Jason
什么是newTableRow应该是? – Jason
到目前为止我已经修复了一大堆。您应该真的使用您的Web浏览器的开发人员控制台查看正在通过的错误。这里有一个小提示让你开始:http://jsfiddle.net/LimitedWard/br85r/2/。 – Jason