快速项目分解
我当前的项目使用 Java Spring MVC。在我的演示文稿/视图中,我使用jsTree
ajax 选项加载生成的 xml 文件。jsTree
然后创建用户的树形菜单。当您单击其中一个菜单项时,会将 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 页面。资源
编辑
- 添加解决方案
- 删除了文本源代码墙并将它们放入pastebin
- 添加了 zurg-foundation 框架标签并添加了对其的提及。
- 我目前正在尝试的更新状态。