jQuery 용 curvycorners-plugin을 사용할 때 둥근 모서리 다시 그리기

Question

저는 curvycorners jQuery 플러그인 (http://www.curvycorners.net/instructions/)을 사용하여 div에 둥근 모서리를 렌더링하도록합니다.

한 가지를 제외하면 정말 잘 작동합니다. jQuery의 "show"메소드를 사용하여 div 안에 팝업되는 유효성 검사 오류 메시지가 있습니다.

Curvycorners는 절대 위치에 있고 높이가 설정된 추가 div를 추가합니다. 즉, 오류 메시지가 표시 될 때 포함 div의 크기를 조정하려면 둥근 모서리를 다시 그려야합니다.

<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> 

: 이것은 내 마크 업입니다

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

:

Curvycorners은 내가이 클릭 기능을 내부에 넣을 때, 그러나 그것은 실행되지 않는, 둥근 모서리를 다시 그리도록 호출 할 수있는 기능을 포함

누구든지 비슷한 문제가 있었습니까?

Answer 1

예, 어제까지이 문제에 직면했습니다.

curvyCorners.redraw(); 는 정상적인 곡선 라이브러리 라이브러리의 함수이므로 작동하지 않습니다. 구글 코드 @here 이상

그들은 당신이 그들은 그것이 (이 도청 된) 고정 것 말하지만, 내가 동적 사용하고 있기 때문에 나를 위해 트릭을하지 않았다

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

같은 것을 사용할 수 있다고 함유량. 어쩌면 당신의 문제를 해결할 수 있습니다. 짧은 답변 죄송합니다

, 나는 당신이 가장자리를 둥글게 한 요소에 removeCorners()와 redrawCorners()을 (내가 이해, # 오류 메시지가해야 호출 할 필요가

Answer 2

.. 서둘러 해요 반올림 됨) :

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