2016-10-13 160 views
0

我想有一個頁面上的一個模式的形式,對於這個我使用jQuery的對話框。 但是,對話框上的按鈕不會在窗體出現時顯示。按鈕jQuery的對話框不顯示

這裏是JavaScript創建對話框:

function showform() { 
    $("#formplan").dialog({ 
    open: function(event, ui) { 
     $(".ui-dialog-titlebar-close").hide(); 
    }, 
    modal: true, 
    autoOpen: false, 
    dialogClass: "dialogform", 
    buttons: [{ 
     text: "Planifier", 
     click: function() { 
      $("#formplan").dialog("close"); 
      $("#formplan").submit(); 
     } 
    }, { 
     text: "Cancel", 
     click: function() { 
      $("#formplan").dialog("close"); 
      $("#formplan").dialog('destroy').remove(); 
     } 
    }] 
    }); 
    $("#formplan").dialog('open'); 
}; 

這裏是與調用腳本一起包括以下形式:

<div id="formplan" class="dijitDialog" role="dialog" style="display:none"> 
    <form style="" action="javascript:refreshTab('tabadministrationplanificateurtaches', '/profusion/scheduler/etat.html?onglet=tabadministrationplanificateurtaches&mode=integre&planed=ImportPays ' + getfromform())"> 
     <br>planification de la tache ImportPays : 
     <br> 
     <input type="radio" name="periodicity" value="1" checked> tout les jours 
     <br> 
     <input type="radio" name="periodicity" value="2"> par jours de la semaine : 
     <input type="checkbox" name="Daysofweek" value="1"> dimanche 
     <input type="checkbox" name="Daysofweek" value="2"> lundi 
     <input type="checkbox" name="Daysofweek" value="3"> mardi 
     <input type="checkbox" name="Daysofweek" value="4"> mercredi 
     <input type="checkbox" name="Daysofweek" value="5"> jeudi 
     <input type="checkbox" name="Daysofweek" value="6"> vendredi 
     <input type="checkbox" name="Daysofweek" value="7"> samedi 
     <br> 
     <input type="radio" name="periodicity" value="3"> par mois : 
     <input type="text" name="Daysofmonth" placeholder="ex : 1:3:21"> 
     <br>effectuer à : 
     <input type="text" name="hours" placeholder="ex : HH:mm:ss/HH:mm:ss"> 
     <br> </form> 
</div> 
<script> 
    showform(); 
</script> 

此代碼使用JAVA推到HTML,因此只有在需要時纔會調用showform()的腳本。 另外,我以前比我還可以點擊頁面後面,甚至與modal:true注意到,如果我點擊了按鈕生成頁面(做的過程中刷新),我的形式是出現兩次。 我的猜測是,它來自的showform()直接調用(不被鏈接到一個onclick()事件)。

感謝,

回答

1

呼叫在JavaScript中你showform()函數的文件中像這樣

$(document).ready(function() { 
     showform(); 
    }); 

jsFiddle link

0

我從股利的形式移動id="formplan",似乎這樣的伎倆。我也確實把電話showform()作爲@zakaria做到了document.ready()中。