次のtagitプラグインを使用しています http://webspirited.com/tagit/
これは、このプラグインをテストしようとしているhtmlページのコードスニペットです-ユーザーがタグを入力する場所
<input class="text_field" type="text" size="72" id="question_title"/>
<textarea id="question"></textarea>
<ul id="demo3" class="tagit">
<li class="tagit-choice">apple orange<a class="tagit-close">x</a></li>
<li class="tagit-new"><input class="tagit-input ui-autocomplete-input" type="text" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"></li>
<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 1; top: 0px; left: 0px; display: none;"></ul></ul>
<input id="question_submit" type="submit" value="Ask Question"/>
これで、ユーザーが[質問する]ボタンをクリックすると、次のajax呼び出しが発生します
$( "#question_submit")。live('click'、function(e){ e.preventDefault(); var question_val = $( "#question")。val(); var question_title = $( "#question_title")。val(); var tags = $( "#demo3")。tagit( "tags"); var s =''; for(var i in tags) s + = tags [i] .label + ":" + tags [i] .value + "\ r \ n"; アラート; $ .post('/ course / ask-question'、{質問:question_val、question_title:question_title、tags:tags}、function(data){ if(data.success == "ok") {{ $( "div#wall")。prepend(data.question); } }、 "json"); });
したがって、この関数ではタグを取得できます
var tags = $( "#demo3")。tagit( "tags");それらをループして、各タグのラベルと値を印刷します。
$ .postを介してPHPコントローラーに渡そうとすると(機能しません)、ask-question関数を呼び出すときにデータtags:tagsを削除すると、正常に機能しますが、追加すると機能します- nothinは、関数が呼び出されていないかのように発生します。
このタグオブジェクトをPHPに渡す特定の方法はありますか?
Chrome開発ツールで編集-データにtags:tagsを保持したままフォームを送信すると、次のエラーが発生します
Uncaught TypeError:不正な呼び出しjquery-1.6.4.min.js:4 e jquery-1.6.4.min.js:4 bY jquery-1.6.4.min.js:2 bY jquery-1.6.4.min.js:2 bY jquery-1.6.4.min.js:2 bY jquery-1.6.4.min.js:2 bY jquery-1.6.4.min.js:2 bY jquery-1.6.4.min.js:2 bY jquery-1.6.4.min.js:2 (無名関数)jquery-1.6.4.min.js:2 e.extend.each jquery-1.6.4.min.js:2 bY jquery-1.6.4.min.js:2 f.extend.param jquery-1.6.4.min.js:4 f.extend.ajax jquery-1.6.4.min.js:4 f。(無名関数)jquery-1.6.4.min.js:4 (無名関数)course-feed.js:51 L jquery-1.6.4.min.js:2 f.event.handle jquery-1.6.4.min.js:3 i.handle.k
あなたの助けに感謝しますありがとう