0

我正在使用 bPopup 在叠加层中加载表单。表单基本上是隐藏在页面中加载的，通过单击页面上的按钮，覆盖显示在顶部，其中包含表单。

我之前在另一个页面中使用过这段代码，它工作得很好，但我想走覆盖路线，因为我觉得用户体验更好。

所以发生的情况是：覆盖完美加载，所有字段都可见，但提交按钮没有做任何事情。使用萤火虫，我查看了叠加层的代码，并意识到我的开始和结束标签已经从 div 中消失了。

我检查了一下，它们出现在 when hidden.. 所以我猜 bPopup 在我加载叠加层时会发生一些事情。

我在这方面找不到任何东西并转向社区。

谢谢

这是代码示例：

我加载的页面中的 div：

<div id="fileuploadbox">
  <div id="fileupload_div" class="contentcontainer">
          <div class="headings alt">
                <h2>Upload a file</h2>
           </div>
           <div class="contentbox">
             <form action="**mycontroller**" method="post" enctype="multipart/form-data">        
             <p><span class='label'>File:</span><input type="file" name="file" value="" id="uploader" size="34"  /></p>
             <p><span class='label'>Description:</span><input type="text" name="description" value="" id="smallbox2" class="inputbox" maxlength="250"  /></p>
            <p><span class='label'>&nbsp;</span><input type="submit" name="" value="Upload file" class="btn"  />
    </form>  
           </div> <!-- content box -->
</div> <!-- contentcontainer -->
</div> <!-- fileuploadbox -->

它自己的按钮：

  <a href="#" class="fileuploadpop">
    <div id="fileuploadpop">   
         Upload a file         
    </div>
  </a>

Javascript：

<script language="javascript">
    $(document).ready(function(){
            $("a.fileuploadpop").bind('click', function(){
             $("#fileuploadbox").bPopup();
             return false
            });
        });
</script>
4

1 回答 1

0

您提供的代码在我的 mac Firefox 和带有 bPopup 的 Chrome 中运行良好。提交按钮有效！

可能与我尚未定义的 btn 类有关，或者您可以尝试将其放在一个准系统页面中以首先使用 bPopup 进行测试，以跟踪和解决任何其他冲突。

于 2011-06-05T16:15:07.247 回答