如何将函数应用于所有具有边框半径属性的元素

Question

这个想法是在IE7/8中产生一些边界半径效应，所以我决定使用jquery.corner.js库。为了使其更通用，我想编写一些脚本，将corner()函数应用于具有边框半径属性的页面中的所有元素。

例如，对于此元素

.someElement
{
    border-radius:10px;
}

函数必须执行以下操作

   $(".someElement").corner("10px");

问题是，我想将圆角应用于所有元素，包括动态添加的元素和元素，这些元素在某些操作(悬停、单击等)中继承边界半径属性。这是可能的吗？

Answer 1

您需要声明一个应用于每次更改的css的函数。若要检测css样式更改，请参见此处：

事件检测使用Jquery更改css属性的时间。

然后，您需要在样式更改和dom树更改上调用该函数(每次在页面中附加内容时).

我建议您使用特定的类来应用边界半径css。通过这种方式，您可以通过jQuery类选择器选择圆角元素。

Answer 2

您应该有一个泛型css类，用于所有有圆角边框的元素，然后在选择器中使用该类。

您必须在文档就绪处理程序中这样做。当然，这将只将圆角边框应用于当前存在的元素。如果要覆盖用ajax加载的元素，可以执行以下操作：

$(document).ajaxSuccess(function(e, xhr, settings)
{
    $(xhr.responseText).find(".class-that-applies-rounded-borders").corner("10px");
});