jquery .show（）立即隱藏

這可能是一個簡單的問題，但我一直堅持一段時間。我有一個按鈕，一旦文本框被填充，將使用Jquery加載pdf。但是，在我的測試中，只要按鈕被點擊，模態就會出現並消失。我已經削減它，使一個div先出現，同樣的事情發生。它可能是我的代碼或是多少腳本被調用？jquery .show（）立即隱藏

HTML

<form> 
    <p>Key number : <input type="text" name="keynumber" /></p> 
    <p><button id="submit" class="retrievedoc" type="submit" >Submit</button></p> 
</form> 
<div id="pdf-dialog"> 
    <p>TEST</p> 
</div>

CSS

.pdf-dialog{display:none;}

JQuery的

$('.retrievedoc').on('click', function() { 
    $("#pdf-dialog").show(); 
    /**$(".pdf-dialog").dialog({ 
      title: 'Document', 
      width: 500, 
      height: 800, 
      draggable: false, 
      modal: true, 
      dialogClass: "readpdf-dialog", 
      buttons: [{ 
       text: 'Close', 
       click: function() { 
        $(this).dialog('close'); 
       } 
      }] 
     }); 
    **/ 
});

這是我如何在頁面

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="<?php echo base_url(); ?>assets/js/bootstrap.min.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
    <script src="<?php echo base_url(); ?>assets/js/functions.js"></script> 
    <script>window.jQuery || document.write('<script src="assets/js/vendor/jquery.min.js"><\/script>')</script>

底部整理我的腳本210

安排是否會成爲問題？請幫助

來源

2016-02-02 JianYA

嘗試更改從提交到按鈕的類型 – guradio

哦，哇。這實際上工作！謝謝！如何將他的答案標記爲正確 – JianYA

我將提供答案作爲答案，然後您可以勾選複選標記 – guradio

變化 <button id="submit" class="retrievedoc" type="submit" >Submit</button> 到 <button id="submit" class="retrievedoc" type="button" >Submit</button>

如果類型爲提交表單自動提交，並取消對話框。

來源

2016-02-02 06:19:29 guradio

謝謝！這工作！ – JianYA

@JIANYA快樂編碼伴侶。請檢查刻度標記以使此問題成爲回答問題以減少SO中未答覆的問題 – guradio

用途：e.preventDefault();：

$('.retrievedoc').on('click', function(e) { 
    e.preventDefault(); 
    $("#pdf-dialog").show(); 
    ..... 
});

來源

2016-02-02 06:09:25 madalinivascu

jquery .show（）立即隱藏

回答

相關問題