jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 在Twitter Bootstrap中修复按钮大小大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的网络应用程序中使用 Twitter Bootstrap.
我有一张带有许多按钮的桌子.
按钮文本随表格行的当前状态而变化.
在Ajax请求响应之后,我使用Jquery更改按钮文本.

我的麻烦是,这些按钮文本的长度不固定.
其中一些很长,其中一些很短.

因此,当一行有长文本而另一行有短文本时,
用户的眼睛似乎很糟糕.

我可以修复按钮大小吗?所以它们都有相同的尺寸?

http://i46.tinypic.com/28726jb.jpg

解决方法

给你想要的所有按钮大小相同,例如类= “myButton的”

然后在模板的自定义CSS区域中,您可以为该类赋予宽度:

.myButton {
    width: 150px;
}

或者,如果您希望它们都具有最长按钮的宽度,您可以使用jQuery,只要.myButton按钮的值发生更改时,只需调用代码即可.此代码在此处解释:https://stackoverflow.com/a/5784399/1130734

$('.myButton').width(
    Math.max.apply(
        Math,$('.myButton').map(function(){
            return $(this).outerWidth();
        }).get()
    )
);

这是一个jsfiddle例子http://jsfiddle.net/hQCf9/

大佬总结

以上是大佬教程为你收集整理的jquery – 在Twitter Bootstrap中修复按钮大小全部内容,希望文章能够帮你解决jquery – 在Twitter Bootstrap中修复按钮大小所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。