如何将jQuery UI主题应用于我的常规html？

Question

我使用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的正确方法是什么？

Answer 1

只需将其应用到您自己的 HTML 中即可。不需要 JavaScript（悬停状态除外）。

当您使用 jQueryUI 的小部件时，Javascript 使用这些类创建所有 HTML。

如果您需要悬停状态，则必须切换类ui-state-hover。为此你需要 JavaScript：

$('.ui-state-error').hover(function(){
    $(this).toggleClass('ui-state-hover');
});