質問編集履歴
5
不要な文章を削除。
title
CHANGED
File without changes
|
body
CHANGED
@@ -3,8 +3,7 @@
|
|
3
3
|
データ登録時に、タグで入力できるように実装しています。
|
4
4
|
[acts-as-taggable-on]というGemを使って(補足のURLの記事)実装しようとしています。
|
5
5
|
タグの入力と、タグのオートコンプリートができるようにしたいです。
|
6
|
-
|
6
|
+
TurbolinksがJavaScriptのイベントの邪魔をしている感じ(TurbolinksをOffにするとうまくいく)なのですが、対策が分からない状態です。
|
7
|
-
どこから調べていけばいいかわからず何時間も堂々巡りをしております。
|
8
7
|
もし怪しいところなど分かりそうな方いらっしゃいましたら教えていただけますでしょうか。よろしくお願いします。
|
9
8
|
|
10
9
|
###発生している問題・エラーメッセージ
|
4
fix
title
CHANGED
File without changes
|
body
CHANGED
@@ -77,6 +77,6 @@
|
|
77
77
|
|
78
78
|
###補足情報(言語/FW/ツール等のバージョンなど)
|
79
79
|
ruby "2.3.0"
|
80
|
-
Rails 4.2.
|
80
|
+
Rails 4.2.5
|
81
81
|
Qiitaの記事[acts-as-taggable-on と jQUery Tag-it でタグ付け機能作成](http://qiita.com/tyamagu2/items/75eeaa8ef208385aa341)
|
82
82
|
を見ながら作成しています。
|
3
画像が間違っておりました。
title
CHANGED
File without changes
|
body
CHANGED
@@ -11,7 +11,7 @@
|
|
11
11
|
下記のようにタグの入力欄が表示されてきません。
|
12
12
|
|
13
13
|
【エラー】
|
14
|
-

|
15
15
|
|
16
16
|
application.jsのturbolinksの呼び出しを削除すると、
|
17
17
|
```
|
@@ -19,7 +19,7 @@
|
|
19
19
|
```
|
20
20
|
【正常(turbolinksをOffにしたとき)】
|
21
21
|
下記のように正常に入力欄が出現します。
|
22
|
-

|
23
23
|
|
24
24
|
###ソースコード
|
25
25
|
items.coffee
|
2
タイトル修正
title
CHANGED
@@ -1,1 +1,1 @@
|
|
1
|
-
Rails JavaScriptイベントがTurbolinksに邪魔されてい
|
1
|
+
Rails JavaScriptイベントがTurbolinksに邪魔されて動かない
|
body
CHANGED
File without changes
|
1
JavaScript部分追記
title
CHANGED
File without changes
|
body
CHANGED
@@ -24,7 +24,33 @@
|
|
24
24
|
###ソースコード
|
25
25
|
items.coffee
|
26
26
|
```coffeescript
|
27
|
+
# 投稿画面のリアルタイムプレビュー処理
|
28
|
+
# ↓こちらはうまく動作しております
|
29
|
+
$ ->
|
30
|
+
update_preview = (text) ->
|
31
|
+
$.ajax
|
32
|
+
async: false
|
33
|
+
url: '/api_markdown'
|
34
|
+
type: 'POST'
|
35
|
+
data: {text: text}
|
36
|
+
success: (data) ->
|
37
|
+
$('#preview').html(data)
|
38
|
+
return
|
39
|
+
error: (xhr, status, err) ->
|
40
|
+
$('#preview').html 'エラー発生 ' + err
|
41
|
+
return
|
42
|
+
|
43
|
+
timer = false
|
44
|
+
$('#item_content').on 'keyup', ->
|
45
|
+
if timer != false
|
46
|
+
clearTimeout timer
|
47
|
+
timer = setTimeout((->
|
48
|
+
update_preview($('#item_content').val())
|
49
|
+
), 400)
|
50
|
+
return
|
51
|
+
|
27
52
|
# タグのオートコンプリートと編集画面時のタグセット処理
|
53
|
+
# ↓うまくイベントが実行されません・・・
|
28
54
|
$(document).on 'ready page:load', ->
|
29
55
|
$('#item-tags').tagit
|
30
56
|
placeholderText: 'タグを入力してください・・・'
|