IE9中的.load()之后没有初始化的jQuery选项卡 - 适用于Chrome

时间:2013-05-22 19:49:13

标签: jquery jquery-ui zurb-foundation

快速项目细分

我目前的项目使用Java Spring MVC。在我的演示文稿/视图中,我使用带有ajax选项的jsTree来加载生成的xml文件。然后jsTree创建用户的树状菜单。当您单击其中一个菜单项时,userId将发送到控制器,并且用户对象将添加到地图属性中。然后我必须重新加载div的内容,以便它使用这个新添加的map属性。加载的数据显示在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

我尝试过的事情

  • 尝试验证我的标头和元标记是否正确。我无法让它格式化,但想确保我没有弄乱那里的东西pastebin to the rescue
  • 尝试使用jQuery.noConflict(),但这只会在我点击一些用户菜单项后才会起作用,而且还会破坏其他一些东西。
  • 我目前正在寻找基础是否会以某种方式阻碍jquery libary。

可能的解决方案

似乎与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源文件source

userForm.jsp - 包含标签的jsp页面。 source

编辑

  • 已添加解决方案
  • 删除了文本源代码的墙,并将它们放在pastebin的
  • 添加了zurg-foundation框架标签并添加了它。
  • 我目前正在尝试的更新状态。

0 个答案:

没有答案