带有ui-state-error的JqueryUI图标在对话框中不起作用 [英] JqueryUI icon with ui-state-error not working in dialog

查看:89
本文介绍了带有ui-state-error的JqueryUI图标在对话框中不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个ninput和两个跨度,每个跨度都有一个jQuery UI图标,我试图在jQuery UI对话框中内联显示.

I have a ninput and two spans, each with a jquery ui icon that I am trying to display inline in a jquery ui dialog.

当我尝试将ui-state-error应用于跨度时,会发生问题.

The problem occurs when I try to apply ui-state-error to the span.

在对话框外部,图标工作正常,但是在对话框内部,图标无法正确显示...!

Outside the dialog the icons works fine, inside the dialog however the icon does not show up correctly... !

想法?

http://jsfiddle.net/kralco626/K6TzK/8/

推荐答案

如果为弹出窗口div提供ID,则将以下内容添加到CSS中以解决此问题:

If you give your popup div an ID, you add the following to your CSS to fix the issue:

#popupDiv > .ui-state-error { 
    background-position: -32px -192px; 
}

这应该对您在页面上拥有的所有内容的影响最小.

That should cause minimal impact on whatever else you have on the page.

在jsfiddle上演示

这篇关于带有ui-state-error的JqueryUI图标在对话框中不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆