jquery - 单击事件未在 IE 中注册，div 上的 jQuery (jsfiddle)

Question

我有这样的 html:

<h3>Sample</h3>
<div class="skjemaHjelp" id="sample"><div><h3>3</h3><p>Content goes here</p></div></div>
<input type="text"  class="inputWide" name="formSample" id="formSample" value="" />

skjemaHjelp 类位于输入字段的右侧，并带有帮助图标。 .skjemaHjelp div 中的内容是隐藏的。

我的 jQuery 看起来像这样:

$('.skjemaHjelp, .skjemaHjelpU').click(function () {
alert('debug');
}):

警告框出现在每个浏览器中，除了 IE。由于某种原因，事件没有触发。我不知道为什么。有任何解决方法吗？

JSFiddle http://jsfiddle.net/wJEPV/11/

托马斯

Answer 1

假设您正在使用低于版本 9 的 IE(或不同文档模式下的 IE9)进行测试，您的 jsFiddle 的唯一问题是未定义 console 对象。

如果您删除 console.log('loaded');，它适用于所有版本的 IE。

在早期版本的 IE 中，console 对象仅在您打开开发者工具(按 F12)时定义。

或者，您可以添加类似这样的内容以确保始终安全地使用 console.*:

// make it safe to use console.log always
(function(b){function c(){}for(var d="assert,clear,count,debug,dir,dirxml,error,exception,firebug,group,groupCollapsed,groupEnd,info,log,memoryProfile,memoryProfileEnd,profile,profileEnd,table,time,timeEnd,timeStamp,trace,warn".split(","),a;a=d.pop();){b[a]=b[a]||c}})((function(){try
{console.log();return window.console;}catch(err){return window.console={};}})());

(摘自 http://html5boilerplate.com/ 的片段)