将Fancybox DIV附加到表单标记

时间:2012-06-27 13:21:30

标签: asp.net-mvc-3 model fancybox partial-views

Fancybox正在我的DOM底部附加它的DIV标签。有没有办法让它在FORM标签中追加?我将它绑定到表单标记中的元素但是当我在Chrome中检查文档时,底部会添加Fancybox DIV。

原因是我正在使用MVC3并在fancybox中加载局部视图。那部分是有效的。 fancybox中的字段在回发时被模型绑定器排除,因为它们位于FORM之外。

我做错了什么?

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

1 个答案:

答案 0 :(得分:1)

我在JQuery对话框中遇到了类似表单的问题。我最终不得不使用javascript将生成的div移动到生成后的表单中。