Q&A
Bootstrap3対応のX-editableなるPluginをインストールしましたが、[デモ]
[こちらの基本設定に準じてます]
javascript
1TypeError: $.fn.popover is undefined 2<匿名関数> 3 bootstrap-editable.js:4707 4<匿名関数> 5 bootstrap-editable.js:4699 6 bootstrap-editable.js:4707:9
なるエラーが出てしまい機能しません。
日本語の資料もなく英語もてんでダメで、調べてみましたが対応方法がわかりません。
多分、BS3になることで、popoverがbs.popoverになった…とかなんとか。→で、どうすればいいのか？
CDNを使わず、ローカルにDLして使えともありましたが、結果変わらず。
https://github.com/vitalets/x-editable/issues/318
でクリックするとこんなエラー。もうさっぱりんコです。
javascript
1Error: null not found. Have you included corresponding js file? 2b.prototype.splitOptions() 3 jquery-editable-poshytip.min.js:5 4b.prototype.init() 5 jquery-editable-poshytip.min.js:5 6b() 7 jquery-editable-poshytip.min.js:5 8a.fn.editableContainer/<() 9 jquery-editable-poshytip.min.js:5 10.each() 11 jquery.min.js:2 12m.prototype.each() 13 jquery.min.js:2 14a.fn.editableContainer() 15 jquery-editable-poshytip.min.js:5 16b.prototype.show() 17 jquery-editable-poshytip.min.js:5 18b.prototype.toggle() 19 jquery-editable-poshytip.min.js:5 20b.prototype.init/<() 21 jquery-editable-poshytip.min.js:5 22.proxy/e() 23 jquery.min.js:2 24m.event.dispatch() 25 jquery.min.js:4 26m.event.add/r.handle() 27 jquery.min.js:4
もし、個々だけ修正したら治るよ、的な問題でしたら教えて下さい。
相当工数がかかるようでしたら諦めます。
以下、追記です
html
1<link rel="stylesheet" href="../css/bootstrap.min.css" /> 2<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 3<link href="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/jquery-editable/css/jquery-editable.css" rel="stylesheet"/> 4<script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/jquery-editable/js/jquery-editable-poshytip.min.js"></script> 5...</head><body> 6<a id="kubun_id" href="#" data-type="text" name='id' data-pk="2" data-url="/post" data-title="テキストの変更">テキスト</a> 7 8$(function() { 9 $('#kubun_id').editable(); 10 $.fn.editable.defaults.mode = 'inline'; 11}); 12<script type='text/javascript' src='/wp/wp-content/themes/skeleton/assets/js/bootstrap.min.js'></script> 13</body> 14</html>
回答1件
0
ベストアンサー
以前Bootstrap3との組み合わせで使ったことがありますがx-editable関連でCDNで参照してるのが
html
1<!--CSS--> 2<link href="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap3-editable/css/bootstrap-editable.css" rel="stylesheet"/> 3 4<!--JS--> 5<script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap3-editable/js/bootstrap-editable.min.js"></script>
でした
html
1<link href="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/jquery-editable/css/jquery-editable.css" rel="stylesheet"/> 2<script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/jquery-editable/js/jquery-editable-poshytip.min.js"></script>
この辺を差し替えてみたらどうなりますか？
たぶん現状で参照しているx-editableのライブラリがjQueryのみとの連携でBS3との連携するコードが入っていないバージョンなんだと思いますが
投稿2016/04/13 03:00
編集2016/04/13 03:02
総合スコア251
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/04/13 03:16
2016/04/13 03:39
2016/04/14 02:44
2016/04/14 08:39
2016/04/14 08:46
2016/04/18 07:18