In Javascript, wie Dialogfeld aufrufen?

Question

Ich habe den Code unten erwähnt:

 function driveInfo(linkSpeed,serialNo, modelNo, bootLoader, lightSwitch, twidlVersion) 
    { 

     $('#linkSpeed').html(linkSpeed); 
     $('#serialNumber').html(serialNo); 
     $('#modelNumber').html(modelNo); 
     $('#bootLoader').html(bootLoader); 
     $('#lightSwitch').html(lightSwitch); 
     $('#twidlVersion').html(twidlVersion); 
     $dialog.dialog('open'); 

    } 
    var dialog = $("#dialog").dialog({ 
         resizable: false, 
         height: 200, 
         width:500, 
         modal: true, 
         position: { 
          my: "bottom+200", 
          at: "bottom", 
          of: $("tbody"), 
          within: $("tbody") 
          }, 
        }); 

in PHP Seite Code Dialogfeld:

printf('<div id="dialog" title="Drive Info" style="display:none; background: transparent;">'); 
printf('<div class="ui-popup">'); 
printf('<ul style="list-style-type: none;padding: 8px;margin-top: 0px;margin-bottom: 0px;">'); 
printf('<li><b>Link Speed:</b>&nbsp;<span id="linkSpeed"></span></li>'); 
printf('<li><b>Serial Number:</b>&nbsp;<span id="serialNumber"></span></li>'); 
printf('<li><b>Model Number:</b>&nbsp;<span id="modelNumber"></span></li>'); 
printf('<li><b>Boot Loader:</b>&nbsp;<span id="bootLoader"></span></li>' ); 
printf('<li><b>LightSwitch Rev:</b>&nbsp;<span id="lightSwitch"></span></li>'); 
printf('<li><b>TWIDL Version:</b>&nbsp;<span id="twidlVersion"></span></li>'); 
printf('</ul>'); 
printf('</div>'); 
printf('</div>'); 

Aufruf Funktion den Code unten verwenden:

printf('<td class="long"><a href="#" 
onClick="driveInfo(\'%s\', \'%s\', \'%s\', \'%s\', \'%s\', \'%s\'); 
return false;"><span class="fa fa-info-circle"></span></a></td> 
</tr>',$link,$model,$test,$testing,$help,$model2): 

Ich brauche Popup-Dialog angezeigt werden Box auf der Seite.

Bitte helfen Sie mir, wie Sie den Dialog aufrufen, wenn Sie auf die Funktion klicken.

Jede Lösung ist nennenswert.

Answer 1

statt Einstellung "display: none" auf Ihrem <div id="dialog"... Element, setzen Sie die folgende Option in den Dialogmöglichkeiten: autoOpen: false

z.B.

var dialog = $("#dialog").dialog({ 
        resizable: false, 
        autoOpen:false, 
        height: 200, 
        //...etc 

Siehe http://jqueryui.com/dialog/#animated für ein Beispiel

Answer 2

diesem Tutorial gehen durch es Sie dialogue Box

helfen kann