2010-08-09 2 views
0

SimpleModal 상자 (OSX 스타일) 안에 동적으로 생성 된 html을 추가하는 데 문제가 있습니다.SimpleModal 상자 내에서의 DOM 조작

<div id="osx-modal-content"> 
    <div id="osx-modal-title">Foo Modal</div> 
    <div class="close"><a href="#" class="simplemodal-close">x</a></div> 
     <div id="osx-modal-data"> 
     <a class="dynamic">Click</a> 
     <span class="for-dynamic-link"></span> 
     <p><button class="simplemodal-close">Close</button> <span>(or press ESC or click the overlay)</span></p> 
    </div> 
</div> 

모달 상자를 닫으면 동적으로 삽입 된 html이 모두 사라집니다. 플러그인을 수정하기 위해 조정할 수있는 항목이 있나요?

$("#osx-modal-data").find("a.dynamic").bind("click", function() { 
    $("#osx-modal-data span.for-dynamic-link").append("<p>Foo Test</p>"); 
    return false; 
}); 

내 주요 문제는 내가 매번 내가 닫으 때문에 AutoSuggest Jquery Plugin를 사용하고 꽤 나쁜 버그 동작을 보여줍니다 모달 상자를 다시 열 수 없다는 것입니다.

답변

1

persist : true 옵션을 사용해보십시오. 당신은 소스를 수정하거나 SimpleModal가로드 된 후 JS이 실행되는 OSX 전에 추가 할 수 있습니다 :

<script> 
    $.modal.defaults.persist = true; 
</script> 

를 문제가 해결되지 않으면 알려주세요.

+0

아름답게 작동합니다. 감사합니다. – tsiokos