Question

我遇到了涉及Jquery UI进度条和PHP的问题。这就是场景，

1）用户选择html表单中的某些字段，然后使用php

发布

2）从帖子中恢复数据，这个数据可以足够大，以便页面加载几分钟（因此我实现进度条的原因）

3）当页面加载Jquery UI时，进度条会显示进度。

到目前为止，我已经安装了jquery进度条，但它只在页面加载时出现，而不是在加载过程中出现。

任何帮助？

这是我的源代码示例

 <?php

 echo "<div id='progress-bar'></div>";
 if (isset($_POST['submit']))   {

 if(!empty($_POST['startdate']) && !empty($_POST['enddate']))   {


        $accountdetails = GetAccountDetails("SELECT Account_Name,         Account_Project_X, Account_Number FROM Accounts WHERE Account_Name = '".$_POST['accountnames']."'"); 
        echo "<div id='data-table'>";

   ?>

数据表包含将要加载的数据

然后数据表div结束，然后将文件引用css和jquery文件与javascript代码一起添加到进度条。

  <link type="text/css" href="css/smoothness/jquery-ui-1.8.20.custom.css"    rel="Stylesheet" />    
  <link type="text/css" href="css/style.css" rel="Stylesheet" />    

 <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
 <script type="text/javascript" src="js/jquery-ui-1.8.20.custom.min.js"></script>



 <script    type="text/javascript">
 $('#startdate').datepicker({ dateFormat: "yy-mm-dd" });
 $('#enddate').datepicker({ dateFormat: "yy-mm-dd" });
 </script>

 <script    type="text/javascript">
$(function() {
    $( "#progress-bar").progressbar();
});
</script>

非常感谢任何帮助。

Answer 1

根据我的理解，当表格发布时;页面重新加载（通常的PHP方式）要使用进度条，需要考虑以下几点：

要POST ed的内容需要使用jQuery POST编辑（即使用AJAX）
您需要有一种方法来识别加载的内容量以及剩余金额，以便知道更新进度条的数量

如果这些已经完成，那么你应该能够让它运作

Jquery UI进度条，需要在表单提交后显示（php和jquery）

1 个答案: