1

我正在使用 curvycorners jQuery 插件 ( http://www.curvycorners.net/instructions/ ) 来强制 IE 在 div 上呈现圆角。

它工作得非常好，除了一件事：我有一个验证错误消息，它使用 jQuery 的“显示”方法在 div 中弹出。

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

Curvycorners 包含一个函数，您可以调用它来重绘圆角，但是当我将它放在这个点击函数中时它不会执行：

$("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>

有人有类似的问题吗？

4

2 回答 2

1

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

curvyCorners.redraw(); 是普通 curvycorners 库的一个功能，所以它不起作用。

在这里@谷歌代码他们说你可以使用类似的东西

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

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

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

于 2011-03-17T09:09:20.713 回答
0

您必须在具有圆形边缘的元素上调用 removeCorners() 和 redrawCorners() （据我所知，#error-message 应该是圆形的）：

$('#error-message').removeCorners().redrawCorners();
于 2014-08-28T13:39:34.610 回答