Тег <form>моего наложения исчезает при загрузке, и кнопка отправки не работает, конечно - PullRequest
Новая
       37

Тег <form>моего наложения исчезает при загрузке, и кнопка отправки не работает, конечно

0 голосов
/ 05 июня 2011

Я использую 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>

1 Ответ

0 голосов
/ 05 июня 2011

Код, который вы предоставили, прекрасно работает в моем Mac Firefox и Chrome с bPopup.Кнопка отправки работает!

Может быть, что-то связано с вашим классом btn, который я не определил, или вы можете попытаться поместить это на чистой странице, чтобы сначала протестировать с помощью bPopup, чтобы отследить и разрешить любой другой конфликт.

...