Question

我正在使用curvycorners jQuery插件（http://www.curvycorners.net/instructions/）来强制IE渲染div上的圆角。

除了一件事之外，它的效果非常好：我使用jQuery的“show”方法在div中弹出验证错误消息。

Curvycorners添加了一个绝对定位且具有设置高度的额外div，这意味着如果希望在显示错误消息时调整包含div的大小，则必须重绘圆角。

Curvycorners包含一个可以调用以重绘圆角的函数，但是当我把它放在这个click-function中时它不会执行：

$("input[type='submit']").click(function(e) {
curvyCorners.redraw();
});

这是我的标记：

<fieldset class="curvyRedraw">      

<legend>Some legend</legend>

<form id="someForm">

<div id="error-message"></div>

<div class="buttons">
    <input type="submit" id="cancel" value="Cancel" name="action" />
    <input type="submit" id="submit" value="Confirm" name="action" />
</div>

</form>

</fieldset>

有人有过类似的问题吗？

Answer 1

是的，我昨天遇到了这个问题。

curvyCorners.redraw（）;是正常的曲线图库的功能，因此不起作用。

超过here @ google代码，他们说你可以使用类似

的内容

$('input[type=submit]').redrawCorners();

他们说这是固定的（它被窃听了），但它并没有为我做这个技巧，因为我正在使用动态内容。也许它可以解决你的问题。

对不起，简短的回答，我很着急..

Answer 2

你必须在元素上调用removeCorners（）和redrawCorners（），它具有舍入边缘（据我所知，＃error-message应该舍入）：

$('#error-message').removeCorners().redrawCorners();

使用curvycorners-plugin for jQuery时重绘圆角

2 个答案: