Создайте плагин fancybox jQuery с результатами отправки формы на той же странице - PullRequest
Новая
       23

Создайте плагин fancybox jQuery с результатами отправки формы на той же странице

0 голосов
/ 14 июня 2010

Я пытаюсь взять результаты формы, сгенерированные из вызова PHP, и заполнить их в div, который затем появится в световом окне при нажатии кнопки отправки. До сих пор я успешно настроил форму и заполняю результаты на той же странице в скрытый div. Я могу сделать так, чтобы этот div без проблем выглядел в лайтбоксе, настроив ссылку href, но не могу его отобразить, просто нажав кнопку отправки. Я знаю, что мои вызовы fancybox и jQuery хороши, но я не уверен, в чем причина ошибки на кнопке отправки.

Вот что у меня есть, чтобы заставить его работать со ссылкой: 

<script type="text/javascript">
    $(document).ready(function(){
        $("#various1").fancybox({
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'scrolling'         : 'auto',
            'overlayOpacity'    : '0'
        });
    });
    </script>
<a id="various1" href="#inline1" >Inline</a>    
<div style="display: none;">
    <div id="inline1" style="width:500px;height:550px;">

Прекрасно работает здесь, когда вы нажимаете inline после того, как я отправил форму.

Вот что я пытался заставить работать с помощью кнопки отправки: 

$(document).ready(function(){
$("#submit").click(function(){

    alert('jQTest');
    $("#various1").fancybox();

    }); 
});

<input type="submit" name="submit" id="submit" value="--> Find" />

Я думаю, это должен быть какой-то способ, которым я вызываю jQuery для fancybox или какой-то идентификатор для кнопки submit и div, потому что нажатие кнопки submit регистрируется нормально. Предложения?

1 Ответ

1 голос
/ 14 июня 2010

попробуйте это: 

$("#submit").click(function(e){
    e.preventDefault();
    //alert('jQTest');
    $("#various1").fancybox();

    }); 
});
...