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

我試圖從PHP調用中生成表單結果，並將它們填充到一個div中，然後單擊提交按鈕將出現在光框中。到目前爲止，我已經成功地設置了表單，並將結果填充到隱藏的div中。通過設置href鏈接，我可以使這個div在燈箱中看起來沒有問題，但不能通過單擊提交按鈕來顯示它。我知道我的fancybox和jQuery調用很好，但不知道我在提交按鈕上出錯的位置。使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" />

我認爲這是某種方式我打電話了jQuery的的fancybox或一些標識符提交按鈕&因爲提交按鈕點擊註冊罰款。建議？

來源

2010-06-14 codeisforeva

試試這個：

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

    }); 
});

來源

2010-06-14 19:32:05

我需要改變鏈路ID或DIV ID以某種方式匹配的fancybox電話。你會看到＃various1調用我設置的。 – codeisforeva 2010-06-14 19:41:47

我更多地提到'e.preventDefault（）'函數。其中一個不工作的原因是因爲單擊提交按鈕卸載頁面，呈現JavaScript無用。該功能可以阻止點擊提交表單。 – 2010-06-14 20:30:17

k我看到一個ajax調用函數作爲fancybox的一部分。我應該多調查一下。 – codeisforeva 2010-06-14 21:37:13

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

回答

相關問題