Перерисовка закругленных углов при использовании плагина curvycorners для jQuery

Question

Я использую плагин curvycorners jQuery (http://www.curvycorners.net/instructions/), чтобы заставить IE отображать закругленные углы на элементах div.

Это работает очень хорошо, кроме одного: у меня есть сообщение об ошибке проверки, которое выскакивает внутри div, используя jQuery-метод "show".

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>

У кого-нибудь были похожие проблемы?

Answer 1

Да, я столкнулся с этим вопросом до вчерашнего дня.

curvyCorners.redraw (); является функцией обычной библиотеки curvycorners, поэтому она не будет работать.

более здесь @ код Google, они говорят, что вы можете использовать что-то вроде

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

Говорят, что это исправлено (было ошибкой), но это не помогло мне, потому что я использую динамический контент. Может быть, это может решить вашу проблему.

Извините за короткий ответ, я спешу ..

Answer 2

Вы должны вызвать removeCorners () и redrawCorners () для элемента, у которого закругленный край (как я понимаю, # error-message должно быть округлено):

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