静的テーブルがあり、データを更新したいと考えています。これは私が実装したいものの例です: http://jsfiddle.net/xBB5x/63/
まったく同じスクリプトを試しましたが、まだ機能しません。
これらは私がインポートしたスクリプトです:
<script type='text/javascript' src='http://code.jquery.com/jquery-git.js'></script>
<script type='text/javascript' src="//netdna.bootstrapcdn.com/twitterbootstrap/2.2.1/js/bootstrap.min.js"></script>
<script type='text/javascript' src="http://vitalets.github.com/x-editable/assets/x-editable/bootstrap-editable/js/bootstrap-editable.js"></script>
<script type='text/javascript' src="http://vitalets.github.com/x-editable/assets/mockjax/jquery.mockjax.js"></script>
<link rel="stylesheet" type="text/css" href="/css/normalize.css">
<link rel="stylesheet" type="text/css" href="/css/result-light.css">
<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/twitterbootstrap/2.2.1/css/bootstrap-combined.min.css">
<link rel="stylesheet" type="text/css" href="http://vitalets.github.com/x-editable/assets/x-editable/bootstrap-editable/css/bootstrap-editable.css">
これはJavascriptです:
$('#users a').editable({
type: 'text',
name: 'username',
url: '/post',
title: 'Enter username'
});
//ajax emulation
$.mockjax({
url: '/post',
responseTime: 200
});
HTML コード:
<p>X-editable: create editable column in table.<br>
As pk is unique in each row, you should put it in data-pk attribute.
</p>
<div style="margin: 150px">
<table id="users" class="table table-bordered table-condensed">
<tr><th>#</th><th>name</th><th>age</th></tr>
<tr>
<td>1</td>
<td><a href="#" data-pk="1">Mike</a></td>
<td>21</td>
</tr>
<tr>
<td>2</td>
<td><a href="#" data-pk="2">John</a></td>
<td>28</td>
</tr>
<tr>
<td>3</td>
<td><a href="#" data-pk="3">Mary</a></td>
<td>24</td>
</tr>
</table>
</div>
同じコードで試してみましたが、jsfiddle の動作が表示されません! これについて何か助けてください。