0

オーバーレイにフォームをロードするために bPopup を使用しています。フォームは基本的に、ページに隠れてロードされ、ページ上のボタンをクリックすると、オーバーレイがフォームと共に上部に表示されます。

以前別のページでこのコードを使用していましたが、問題なく動作しましたが、ユーザー エクスペリエンスが向上したと感じたので、オーバーレイ ルートに進みたいと思いました。

オーバーレイは完全に読み込まれ、すべてのフィールドが表示されますが、送信ボタンは何もしません。firebug を使用してオーバーレイのコードを調べたところ、開始タグと終了タグが div からなくなっていることに気付きました。

チェックすると、非表示のときに存在します..オーバーレイをロードすると、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 と Chrome と bPopup で正常に動作します。送信ボタンが効く！

私が定義していない btn クラスに関係している可能性があります。または、これをベアボーン ページに配置して、最初に bPopup でテストし、他の競合を追跡して解決することもできます。

于 2011-06-05T16:15:07.247 に答える