在javascript中如何调用对话框？

-2

 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") 
          }, 
        });

在PHP端对话框代码：

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>');

使用下面的代码调用功能：

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):

我需要显示弹出对话框框中的页面。

请帮我点击该功能时如何调用对话框。

任何解决方案都是可观的。

来源

2016-07-29 robert

你得到控制台的任何错误？现在会发生什么？ – vaso123

只需将对话框初始化移至功能并调用它即可...... – Justinas

而不是设置的“显示：无”你<div id="dialog"...元素，设置对话框选项下面的选项：autoOpen: false

例如

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

为例

来源

2016-07-29 08:28:33 ADyson

通过本教程去看http://jqueryui.com/dialog/#animated它可以帮助你dialogue Box

来源

2016-07-29 09:15:13

在javascript中如何调用对话框？

回答

相关问题