Fancybox DIV를 form 태그에 추가하십시오.

Fancybox가 내 DOM의 맨 아래에 DIV 태그를 추가하고 있습니다. FORM 태그 안에 추가 할 수있는 방법이 있습니까? 양식 태그 내의 요소에 바인딩하고 있지만 Chrome에서 문서를 검사하면 Fancybox DIV가 하단에 추가됩니다.Fancybox DIV를 form 태그에 추가하십시오.

이유는 fancybox에서 MVC3을 사용하고 부분 뷰를로드하기 때문입니다. 그 부분이 효과가 있습니다. fancybox의 필드는 양식 바깥쪽에 있기 때문에 다시 게시 할 때 모델 바인더에 의해 제외됩니다.

내가 뭘 잘못하고 있니?

<script type='text/javascript'>//<![CDATA[ 
    $(window).load(function(){ 
    $(document).ready(function() { 
     $(".clickMe").fancybox({ 
     content: $('#test') 
     }); 
    }); 
    });//]]> 
</script> 


<body> 
    <form id='testform'> 
    <a href="#emailViewFancybox" class="clickMe">Click Me</a> 
    </form> 
    <div style="display: none;" id='test'> 
    Tri-tip brisket ribeye fatback ground round pork chop. Strip steak tenderloin t-bone tri-tip, spare ribs tongue prosciutto meatloaf. Beef ribs ham sirloin, biltong ham hock venison jowl andouille flank pork belly. Meatball strip steak chicken, capicola prosciutto hamburger spare ribs. 
    </div>  
</body>

출처

2012-06-27 Jim Neff

양식의 일부로 JQuery 대화 상자에서 비슷한 문제가있었습니다. 생성 된 div가 양식으로 이동 한 후에 javascript를 사용하여 양식으로 이동해야했습니다.

출처

2012-06-27 13:26:46 carlpett

감사합니다. jquery의 .appendTo()를 사용하여 양식 안에 필요한 div를 이동하면 효과가있었습니다. –

Fancybox DIV를 form 태그에 추가하십시오.

답변

관련 문제