2013-08-23 29 views
1

我正在創建一個使用php的表格,這就是它如何創建表格主體。我如何查看jQuery對話框中的每個內容使用php

while (mysqli_stmt_fetch($stmt)) {  
    // Create Table Body 
    $html .= "<tr>\n"; 
    $html .= " <td>$title</td>\n"; 
    $html .= " <td>$date</td>";        
    $html .= " <td align='center'>\n"; 
    $html .= "  <a href='#'>\n"; 
    $html .= "   <span class='view' title='View This Comment'></span>\n"; 
    $html .= "  </a>\n"; 
    $html .= " </td>\n";       
    $html .= " <td class='td_catchall' align='center'>\n"; 
    $html .= "  <a href='#'>\n"; 
    $html .= "   <span class='edit' title='Edit This Comment'></span>\n"; 
    $html .= "  </a>\n"; 
    $html .= " </td>\n";      
    $html .= " <td align='center'>\n"; 
    $html .= "  <a href='#'>\n"; 
    $html .= "   <span class='delete' title='Delete This Comment'></span>\n"; 
    $html .= "  </a>\n"; 
    $html .= " </td>\n"; 
    $html .= "</tr>\n"; 
} 

使用此表有3列可查看,編輯和刪除每條評論。我想爲每個動作觸發一個jQuery對話框。我試圖讓它與查看對話框一起工作。但是每個鏈接只顯示一條評論。我添加的代碼來查看while循環對話框這樣的 -

//Create View Blog Dialog Box 
$viewBlog = "<div id='dialog-view'>\n"; 
$viewBlog .= "  <h2>$title</h2>\n"; 
$viewBlog .= " <p>$date</p>\n"; 
$viewBlog .= " <p>"; 
$viewBlog .= "   <img src='".UPLOAD_DIR.$userName."/".$image."' />"; 
$viewBlog .= "  $comment</p>"; 
$viewBlog .= "</div>\n"; 

UPDATE

我的jQuery -

$("#dialog-view").dialog({ 
     autoOpen: false, 
     height: 450, 
     width: 650, 
     modal: true, 
     buttons: { 
      Cancel: function() { 
      $(this).dialog("close"); 
      } 
     }, 
     position: { 
      my: "center top", 
      at: "center top", 
      of: "#content" 
     } 
}); 

$(".view").click(function() { 
    $("#dialog-view").dialog("open"); 
}); 

任何人可以幫助摸不着頭腦。 謝謝。

+0

我認爲首要的是什麼?你嘗試用jQuery來按照您的指定使其工作。當你創建一個對話框時,將這些元素加載到DOM post render中,你可能需要使用'.on()'而不是'.click()',但它也取決於你的jQuery版本好。向我們展示你的javascript(jquery),你試着用'click'事件。 – chris

+0

@chris檢查我的問題。我更新了它。 – TNK

+0

@TNK:另外考慮使用一個模板,而不是將HTML保存在PHP變量中。 – diosney

回答

0

如果在while循環中添加dialog的代碼,它會創建多個對話框。但所有人都有相同的編號dialog-view。所以總是第一次出現加載。

可以實現在第一while循環追加一個變量eg: $i如下

//Create View Blog Dialog Box 
$viewBlog = "<div id='dialog-view-$i'>\n"; 

然後打開特定對話框,

<span class='view' onclick='$(\"#dialog-view-$i\").dialog(\"open\");' title='View This Comment'></span>\n"; 
相關問題