【发布时间】：2013-01-23 07:15:36
【问题描述】：
典型的“适用于 Chrome/FF 但不适用于 IE”的故事。不过 IE9 似乎处理得很好。
IE 控制台中出现的唯一内容是：
SCRIPT65535：意外调用方法或属性访问。
jquery.min.js，第 3 行字符 32461
这是跟踪错误的 IE Profiler 的screenshot。
这是我的 Nav.js 文件中的代码：
// Build nav menu array
var navLinks = [ {"style" : "home" ,"page" : "" ,"name" : "Home" ,"tier" : 1 ,"icon" : "home"},
{"style" : "job-trans" ,"page" : "view/jobTransaction" ,"name" : "Job Transactions" ,"tier" : 1 ,"icon" : "barcode"},
{"style" : "job" ,"page" : "view/job" ,"name" : "Jobs" ,"tier" : 1 ,"icon" : "inbox"},
{"style" : "user" ,"page" : "view/user" ,"name" : "Users" ,"tier" : 1 ,"icon" : "user"},
{"style" : "report" ,"page" : "page/report" ,"name" : "Reports" ,"tier" : 2},// ,"icon" : "signal"},
{"style" : "customer" ,"page" : "view/customer" ,"name" : "Customers" ,"tier" : 2}
];
var jobSearchAttr = $.browser.msie ? "value=\"Enter Job #\" data-browser=\"IE\" style=\"font-size: 16px\"" : "placeholder=\"Enter Job #\"";
var userSearchAttr = $.browser.msie ? "value=\"Enter User ID\" data-browser=\"IE\" style=\"font-size: 16px; padding-left:0;\"" : "placeholder=\"Enter User ID\"";
// Sort array elements into buttons and dropdowns with appropriate elements
var i, t1LinkArray = [], t2LinkArray = [], t2ClassArray = [];
for (var i = 0; i < navLinks.length; i++) {
switch(navLinks[i]["tier"]) {
case 1:
t1LinkArray.push( "<li class=\"" + navLinks[i]['style'] + "\"><a href=\"#/" + navLinks[i]['page'] + "\"><i class=\"icon-" + navLinks[i]['icon'] + " icon-white\"></i> " + navLinks[i]['name'] + "</a></li>" );
break;
case 3:
t2LinkArray.push( "<li class=\"" + navLinks[i]['style'] + "\"><a href=\"#/" + navLinks[i]['page'] + "\">" + navLinks[i]['name'] + "</a></li>" );
t2ClassArray.push( navLinks[i]['style'] );
break;
}
}
// Create Navbar View
NavView = Backbone.View.extend({
// Define View template
template: _.template( $('#navbarTemplate').html() ),
initialize: function () {
this.render();
},
render: function () {
// Call the template and pass data object
this.$el.html( this.template({ t1LinkArray : t1LinkArray, t2LinkArray : t2LinkArray, t2ClassArray : t2ClassArray }) );
},
});
var nav = new NavView({ el:$('nav') });
不知道为什么这只在 IE 7/8 中崩溃。
EDIT :: 这是模板，目前嵌入在正文下方。
<div class="navbar navbar-fixed-top" style="clear: both;">
<div class="navbar-inner">
<div id="navbar" class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<p class="navbar-text pull-right"><a class="brand" href="/workflow3"><em>Brand</em></a></p>
<div class="nav-collapse pull-left">
<ul class="nav">
<!-- List Tier 1 pages -->
{{ t1LinkArray.join("\n") }}
<!-- Style dropdown with each child's page class -->
<li class="dropdown {{ t2ClassArray.join(" ") }}">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">More<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<!-- List Tier 2 pages -->
{{ t2LinkArray.join("\n") }}
</ul>
</li>
</ul>
</div> <!-- /.nav-collapse -->
</div> <!-- /.container-fluid -->
</div> <!-- /.navbar-inner -->
</div> <!-- /.navbar -->
【问题讨论】：
-
你的模板代码是什么样的？
-
查看模板代码的编辑。
-
我假设“#navbarTemplate”是包含此模板的脚本上的 id？因为它不在您提供的 HTML 中...
-
顺便说一句，我在这个问题上做了一些搜索，发现了一些让我感兴趣的东西，那就是有人在缩小版的 jquery 上遇到了同样的错误，当他们进入原始版本时它就消失了.你试过这个吗？
-
是的，#navbarTemplate 是 ID，但语法突出显示并不喜欢脚本标签。 ;) .. 我没有听说过缩小版本会导致问题，我会在早上尝试一下，看看它是否能解决问题。谢谢你的建议！
标签： javascript jquery internet-explorer backbone.js cross-browser