1

想知道是否有人知道克服这个缺点的方法。

我的所有按钮操作都使用 jQuery UI 按钮，而股票图标有点无聊，我更喜欢使用 twitter 引导程序中的图标集。

在我继续之前，这里是我如何设置按钮的样式：

$('#juiBtnLocked').button({
    disabled: true,
    icons: {
        primary: "ui-icon-locked"
    }
});

似乎图标属性只接受 jquery ui css 样式，我不知道为什么这很重要，因为提供的值是 css 文件中的完整 css 名称，因此在逻辑上它应该在技术上接受任何给定的 css 规则。

我的问题是，有没有人成功地获得了另一个 css sprite 代码来使用按钮？

回答为什么我不只使用 twitter 按钮的问题，因为这破坏了 jquery ui 按钮，我使用了太多的 jquery ui 工具包来放弃它。如果 twitters 对话框更健壮，我会稍微浏览一下 jquery ui，但它对我的需求来说太有限了。

4

2 回答 2

0

bažmegakapa 说的是一个很好的答案，这就是我将其标记为答案的原因，但我找到了另一种允许我两种用法的方法。我在这里写它是为了让人们知道另一种方法。

使用 twitter bootstrap，你有按钮 CSS，然后你有类似于 jquery ui 的按钮 js 代码。

我所做的只是从他们的按钮中取出 js 代码，然后使用 css 规则来设置我的按钮样式。现在jquery ui很开心，我也很开心。

我注意到同样的方法也适用于 twitter 引导程序中的其他一些事情。

这实际上是一个比我做的更好的解决方案，因为与制作按钮元素并使用 jquery ui 对其进行样式和塑造相比，它现在所有的 html 都受控制，我想这有点矫枉过正。

于 2012-11-09T15:55:49.767 回答
0

您可以简单地使用 CSS 覆盖该类的样式。

.ui-icon-locked {
    background: url(myimage.png) no-repeat 0 0;
}

ui-icon-locked不是 CSS 规则。它只是一个 HTML 类的钩子。样式（包括图标）的默认规则存储在jquery-ui.css您正在使用的主题目录中。

例如，在jquery-ui.css1.9.1 的基本主题中，您可以找到这些：

.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
...
.ui-icon-locked { background-position: -192px -96px; }
于 2012-11-09T00:09:38.100 回答