1

以下のコードのように、ブートストラップ x-editable を使用しようとしています。最初は 2 つの要素が正常に表示されますが、いずれかをクリックすると、次のようなポップアップが表示されます。

<div class="editable-loading"></div>

さらに、次のエラーがコンソールに記録されます。

[12:38:17.817] NS_ERROR_FAILURE: Component returned failure code: 0x80004005 
(NS_ERROR_FAILURE) [nsIDOMHTMLInputElement.setSelectionRange] @  http://localhost/test/bootstrap-editable/js/bootstrap-editable.js:854

私は何が欠けていますか？

<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.js"></script>

<link rel="stylesheet" type="text/css" href="bootstrap-editable/css/bootstrap-editable.css"/>
<script src="bootstrap-editable/js/bootstrap-editable.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
  $('a[data-role="editable"]').editable();
});
</script>


<a data-type="select" title="Select" data-role="editable" data-source="['one', 'two', 'three']"
   data-placement="right" id="myid">Select test</a>
<a data-role="editable" title="Input" id="myid2" data-placement="right">Input test</a>
4

1 に答える 1

0

jquery/bootstrap/editable 間のバージョンの非互換性に関連しているようです。次のリソースの組み合わせが正常に機能することがわかりました。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>
<link href="http://vitalets.github.com/x-editable/assets/x-editable/bootstrap-editable/css/bootstrap- editable.css" rel="stylesheet">
<script src="http://vitalets.github.com/x-editable/assets/x-editable/bootstrap-editable/js/bootstrap-editable.js"></script>
于 2013-07-10T19:42:32.693 に答える