プロジェクトの簡単な内訳
私の現在のプロジェクトでは Java Spring MVC を使用しています。私のプレゼンテーション/ビューjsTreeでは、生成されたxmlファイルをロードするためにajaxオプションを使用しています。jsTree次に、ユーザーのツリー メニューを作成します。メニュー項目の 1 つをクリックすると、userId がコントローラーに送信され、ユーザー オブジェクトがマップ属性に追加されます。次に、この新しく追加されたマップ属性を使用するように、内容を div にリロードする必要があります。この読み込まれたデータは、jquery タブ内に表示されます。
モバイル ファーストの設計にFoundation Frameworkを使用しています。
問題
これは Chrome では正常に動作しますが、IE9 でこれを実行しようとすると、データは div に表示されますが、jQuery タブは初期化されません。
IE 開発者ツールバー コンソールを見ると、次のように表示されます。
HTML1114: Codepage iso-8859-1 from (HTTP header) overrides conflicting codepage utf-8 from (META tag)
user-tool
SEC7115: :visited and :link styles can only differ by color. Some styles were not applied to :visited.
user-tool
SCRIPT438: Object doesn't support property or method 'tabs'
userTool.js, line 13 character 5
私が試したこと
- ヘッダーとメタ タグが正しいことを確認しようとしました。私はそれを正しくフォーマットすることができませんでしたが、救助のためにペーストビンを台無しにしないようにしたかったのです
- 使用してみ
jQuery.noConflict()ましたが、それはいくつかのユーザー メニュー項目をクリックした後にのみ機能し、他のものも壊れました。 - 私は現在、財団が何らかの形でjqueryライブラリの邪魔になっているかどうかを確認しています.
考えられる解決策
jquery と zurb の動作が競合しているようです。ファンデーションが必要とする次のスクリプトをコメントアウトすると、すべてがうまく機能し始めます。
<script>
document.write('<script src=' +
('__proto__' in {} ? '<c:url value="/js/vendor/zepto" />' : '<c:url value="/js/vendor/jquery" />') +
'.js><\/script>')
</script>
ソースファイル
userTool.js - ページソースの下部にリンクされている jquery ソース ファイル
userForm.jsp - タブを持つ jsp ページ。ソース
編集
- 追加されたソリューション
- テキストソースコードの壁を取り除き、ペーストビンに入れました
- zurg-foundation フレームワーク タグを追加し、それに関する言及を追加しました。
- 私が現在試していることの更新されたステータス。