2012-04-12 15 views
1

tagitオートコンプリート(http://webspirited.com/tagit/)を使用しようとしています。デモページはすべてのブラウザで正常に動作します。私はtagit autocompleteがIE9で動作しない

js = "$('#%s').tagit({\ 
    tagSource: '%s?type=%s',\ 
    minLength:2,\ 
    select:true,\ 
    initialTags: %s,\ 
    allowNewTags: false, \ 
});" % \ 
(autocomplete_id, url, name, json.dumps(tags)); 
return u"<ul%s /><script type='text/javascript'>%s</script>" % (flatatt(auto_final_attrs), js) 

tagitのために、私は次のコードを持っているforms.pyでのオートコンプリートウィジェットのクラスを持っているURLは次のとおりです。

http://localhost:8000/search/terms/auto?type=naics_code 

URLがヒットし、JSONレスポンスデータが中に存在していますIE9コンソール。ただし、オートコンプリートボックスは表示されません。この問題はIE9でのみ発生します。私はjquery 1.7.1とjquery-ui-1.8.2-customを使用しています。私もjquery-1.8.18-customで試しましたが、変更はありません。もし私がtagSourceのためのいくつかの事前定義されたタグの配列を使用してIE9でうまく動作しますが、URLからデータを取得しようとすると、URLをハードコードしても機能しません。

質問を掲示している間にStack Overflowにあるタグオプションのようなものを実装したいのですが、表示されるデータはURLでなければなりません。私の問題はIE9ではなく他のすべてのブラウザでは機能しないということです。私はIE9のためのプロジェクトを実装しているので私はIEの古いバージョンでそれを試していない+

助けていただきありがとうございます。どうもありがとう。

答えて

0

チェックアウトこのテンプレート:http://tag-it-autocomplete.heroku.com/

それはオートコンプリート(AJAXの1だけでなく、プリロードタグ)で動作します。ここで

はソースです: https://github.com/makaroni4/tag-it-autocomplete

Tagitの設定は次のようになります。Qはここ

$(document).ready(function() { 
    $("#mytags").tagit({ 
    tagSource: function(search, showChoices) { 
     var that = this; 
     $.ajax({ 
     url: "/tags/autocomplete.json", 
     data: {q: search.term}, 
     success: function(choices) { 
      showChoices(that._subtractArray(choices, that.assignedTags())); 
     } 
     }); 
    }, 
    show_tag_url: "/tags/", 
    singleField: true, 
    singleFieldNode: $('#submit_tag_names') 
    }); 
}); 

- GETリクエストのパラメータがあり、 "/タグ/" - それぞれのパスタグがあるので、 'rails'タグがあれば '/ tags/rails'のパスになります。

Tag-itで作業する必要があるようです。

関連する問題