我试图使用jquery或javascript检测chrome和safari浏览器.我以为我们不应该使用jQuery.browser.这里有什么建议吗?非常感谢!
是否有可能在JavaScript中知道客户端浏览器是否支持CSS属性?我在谈论CSS3的旋转属性.我想只在浏览器支持它们时才执行某些功能.
我写了一个jQuery插件,它接受一些参数的css颜色.
我想验证它们.如果它只是一个十六进制或rgb值,我可以用正则表达式做到这一点,但是如何在不膨胀插件的情况下验证所有147个有效颜色名称?
我想知道是否有某种方法尝试应用样式(可能使用jquery)然后如果它无效则从浏览器中捕获错误?
编辑:powtac和Pantelis提出了一个解决方案,但他们都错过了边缘情况,所以我在这里包括一个完整的解决方案:
var validateCssColour = function(colour){
var rgb = $('<div style="color:#28e32a">'); // Use a non standard dummy colour to ease checking for edge cases
var valid_rgb = "rgb(40, 227, 42)";
rgb.css("color", colour);
if(rgb.css('color') == valid_rgb && colour != ':#28e32a' && colour.replace(/ /g,"") != valid_rgb.replace(/ /g,""))
return false;
else
return true;
};
Run Code Online (Sandbox Code Playgroud) 使用,我在5列中显示了一组div display: inline-block。
我希望它们像这样堆叠:
1 5
2 6
3 7
4 8
Run Code Online (Sandbox Code Playgroud)
代替:
1 2
3 4
5 6
7 8
Run Code Online (Sandbox Code Playgroud)
到目前为止,我有:
1 5
2 6
3 7
4 8
Run Code Online (Sandbox Code Playgroud)
1 2
3 4
5 6
7 8
Run Code Online (Sandbox Code Playgroud)
如何使它们从上到下而不是从左到右堆叠?