在工具栏中放置带有href的图像会导致IE出现问题。

时间:2011-02-14 21:23:53

标签: javascript extjs internet-explorer-7

我有工具栏,它是extjs应用程序的topmenu。在工具栏的最左侧,我想放置公司徽标,当用户点击徽标时,我希望将它们定向到主页。 所以我的工具栏有这个代码:

topMenuToolbar.add({
            xtype: 'box',
            html: '<a href="'http://www.mysite.com" <img src="/images/mysitelogo.jpg" /></a>'

        });

一切都在FF和Safari中完美运行,但在IE 7和8中它是一个不同的故事。看看IE正在使用代码做什么:

<a href="http://www.mysite.com" src="/images/mysitelogo.jpg" <img=""/>

我该怎么做才能解决这个问题?

1 个答案:

答案 0 :(得分:1)

嗯......当HTML标签内的HTML格式正确时,一切都运行良好! 而不是:

html: '<a href="'http://www.mysite.com" <img src="/images/mysitelogo.jpg" /></a>'

我做到了:

html: '<a href="'http://www.mysite.com"> <img src="/images/mysitelogo.jpg" /></a>'

现在它在IE和FF中工作得很好。