Question

我已经提到过以下代码：

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

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

请点击此功能，帮助我如何调用对话框。

任何解决方案都很明显。

Answer 1

不要在<div id="dialog"...元素上设置“display：none”，而是在对话框选项中设置以下选项：autoOpen: false

e.g。

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

请参阅http://jqueryui.com/dialog/#animated以获取示例

Answer 2

通过本教程，它可以帮助您dialogue Box

在javascript中如何调用对话框？

2 个答案: