使fancybox jQuery插件具有在同一頁面上提交表單的結果

Question

我試圖采用從PHP調用生成的結果形式，並將其填充到div中，然后在單擊“提交”按鈕時將其顯示在一個燈箱中。 到目前為止，我已經成功設置了表單並將同一頁面上的結果填充到一個隱藏的div中。 通過設置href鏈接，我可以使該div在燈箱中沒有問題，但僅通過單擊提交按鈕就不能使其顯示。 我知道我的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;">

當我提交表單后單擊內聯時，在這里效果很好。

這是我嘗試使其與“提交”按鈕一起使用的方法：

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

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

    }); 
});

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

我認為這一定是我調用fancybox的jQuery或提交按鈕和div的某些標識符的原因，因為提交按鈕的點擊情況良好。 有什么建議嗎？

Answer 1

嘗試這個：

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

    }); 
});