我使用jQuery UI来处理各种小部件,如对话框,按钮等.我想继续使用主题为我的其他网页元素,如错误/警报通知和突出显示样式.所以我去了themeroller页面查看他们用于css的内容,例如警报通知：
<div class="ui-widget">
<div style="padding: 0 .7em;" class="ui-state-error ui-corner-all">
<p><span style="float: left; margin-right: .3em;" class="ui-icon ui-icon-alert"></span>
<strong>Alert:</strong> Sample ui-state-error style.</p>
</div>
</div>
有一个包装div,带有背景图标的跨度等.我只是复制这些或jQuery UI javascript为我创建一些吗？将主题应用于非小部件html的正确方法是什么？
解决方法
只需将其应用于您自己的HTML.不需要Javascript(悬停状态除外).
当您使用jQueryUI的小部件时,Javascript会使用这些类创建所有HTML.
如果您需要悬停状态,则必须切换ui-state-hover类.为此,你需要Javascript：
$('.ui-state-error').hover(function(){
$(this).toggleClass('ui-state-hover');
});
