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