无法设置 jqueryUI 对话框关闭按钮的活动状态的样式

发布于 2024-12-09 08:41:48 字数 228 浏览 0 评论 0原文

我希望在 jqueryUI 对话框中设置关闭按钮（在标题栏中）的活动状态的样式。我已经将其正常样式和 :hover 状态设置得很好。但 :active 状态似乎永远不会触发。

插件中是否有某些内容阻止关闭按钮链接中的 :active 状态工作？可以改变它以便它起作用吗？

以下是问题的示例：查看示例

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

安穩 2024-12-16 08:41:48

这是在不支持“selectstart”事件的浏览器中禁用对话框小部件标题栏选择的结果。对于这些浏览器，他们会禁用“mousedown”事件。

第 145 行：jquery.ui.dialog.js

        uiDialogTitlebar.find( "*" ).add( uiDialogTitlebar ).disableSelection();

第 120 行：jquery.ui.core.js

    disableSelection: function() {
    return this.bind( ( $.support.selectstart ? "selectstart" : "mousedown" ) +
        ".ui-disableSelection", function( event ) {
            event.preventDefault();
        });
},

enableSelection: function() {
    return this.unbind( ".ui-disableSelection" );
}

因此您可以使用enableSelection() 或自行取消绑定

It is consequence of disabling selection for TitleBar of Dialog Widget in browser which don't support 'selectstart' event. For those browser they disable 'mousedown' event instead.

line 145: jquery.ui.dialog.js

        uiDialogTitlebar.find( "*" ).add( uiDialogTitlebar ).disableSelection();

line 120: jquery.ui.core.js

    disableSelection: function() {
    return this.bind( ( $.support.selectstart ? "selectstart" : "mousedown" ) +
        ".ui-disableSelection", function( event ) {
            event.preventDefault();
        });
},

enableSelection: function() {
    return this.unbind( ".ui-disableSelection" );
}

so you can use enableSelection() or unbind it yourself

回复收藏 0 原文

池予 2024-12-16 08:41:48

:active 状态仅在单击时触发。此时您的对话框将立即关闭，所以我怀疑您是否能看到它的状态。如果这不能回答您的问题，您能举个例子吗？

回复收藏 0 原文

霓裳挽歌倾城醉 2024-12-16 08:41:48

鉴于 @Bizniztime 的评论，为什么不在 javascript 中执行此操作？

$(".ui-dialog-titlebar-close").mousedown(function() {
    $(this).css("background", "#000");
}).mouseover(function() {
    $(this).css("background", "#0F0");    
}).mouseout(function() {
    $(this).css("background", "#F00");    
});

您还可以添加/删除课程...

Given the comments of @Bizniztime, why not do this in javascript?

$(".ui-dialog-titlebar-close").mousedown(function() {
    $(this).css("background", "#000");
}).mouseover(function() {
    $(this).css("background", "#0F0");    
}).mouseout(function() {
    $(this).css("background", "#F00");    
});

You could also add/remove classes...

回复收藏 0 原文

~没有更多了~