html span 无法点击,javascript – span in button,在ff中无法点击

我的CODE

Click

JS：

$('.icon').click(function () {

$('#console').html('Icon has been clicked');

return false;

});

$('button').click(function () {

$('#console').html('Button has been clicked');

});

CSS：

.icon {

background-position: -96px 0;

display: inline-block;

width: 14px;

height: 14px;

margin-top: 1px;

line-height: 14px;

vertical-align: text-top;

background-image: url("http://twitter.github.com/bootstrap/assets/img/glyphicons-halflings.png");

background-repeat: no-repeat;

}

问题

我可以点击chrome中的.icon,但不能点击ff.当我点击.icon时,它会点击整个按钮.

题：

我的代码不对吗？如果我的代码有效,那么解决这个问题的方法是什么.

我试过的

>我试过做$(‘.icon’).从控制台点击()它在ff中完美运行,所以我猜问题是跨度不能在按钮内点击.

> e.preventDefault()和e.stopPropagation也不起作用.

>我试过把& nbsp;内部跨度,但它也没有工作.