在單獨的php文件中定義引導按鈕

使用兩個php文件index.php和search.php。索引發送一些參數進行搜索，它將執行一些查詢到數據庫中，然後返回存儲在$ output中的表上的信息。我現在想要在輸出中添加一個引導按鈕，它調用一個簡單的顯示/隱藏jQuery函數。的創建按鈕，但是當我測試它的index.php在單獨的php文件中定義引導按鈕

<div class="col-sm-8"> 
     <table class="table table-hover" id="output"> 
     </table> 

     <div id="edit" > 
      <div class="page-header" id="editar" style="display: none;"> 
      <h2 id="producto">Placeholder<button id="exit" type="button" class="btn pull-right"><span class="glyphicon glyphicon-remove"></button><!--Clicking this button hides the edit div and shows the output table--></h2> 
      </div> 
     </div> 
    </div>

出口/ editbtn按鈕不起作用調用以下：

<script> 
    $(document).ready(function(){ 
     $("#exit").click(function(){ 
      $(document.getElementById("edit")).hide(); 
      $(document.getElementById("output")).show(); 
     }); 
    }); 
    $(document).ready(function(){ 
     $("#editbtn").click(function(){ 
      $(document.getElementById("edit")).show(); 
      $(document.getElementById("output")).hide(); 
     }); 
    }); 
</script>

與「editbtn的定義「是在單獨的php文件中製作的：

if($query->num_rows){ 
    $rows = $query->fetch_all(MYSQLI_ASSOC); 
    forEach($rows as $row){ 
    $output .= '<tr><td><button id="editbtn" type="button" class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span></button></td><!--Clicking this button hides the output table and shows the edit div--></tr>'; 
    } 
    $output .= '</tbody>';

所以最後，我創建了按鈕的表格，但是當我點擊它時它什麼也不做。

來源

2015-09-04 AskOcre

爲什麼不按順序嘗試？

像：

<script> 
    $(document).ready(function(){ 
     $("#exit").click(function(){ 
      $("#edit").hide(); 
      $("#output").show(); 
     }); 

     $("#editbtn").click(function(){ 
      $("#edit")).show(); 
      $("#output")).hide(); 
     }); 
    }); 
</script>

這應該工作，始終是你不插入與阿賈克斯和定義編輯按鈕，如果你正在使用的ID，你都應該只有一個元素，如果你有它之間的foreach，它可能會導致你的問題。

來源

2015-09-04 18:57:23 jpganz18

「使用ID，你應該只有一個元素」，這實際上可能是問題，事情是我想有一個表，我可以點擊按鈕並編輯該行的字段，我可以打電話給函數使用href？我怎麼會在index.php中調用search.php中的jQuery – AskOcre

是的，你可以使用href調用一個函數併發送url中的參數，比如edit.php？idProduct = 123 – jpganz18

這似乎是jQuery選擇，他們應該是這樣的：

$("#edit").show();

或者在JavaScript：

document.getElementById('edit').styles.display = "none"; //or use addClass

PD：不要使用兩個現成的功能，把聽衆的同一個;）

編輯：

添加的功能的console.log，並檢查了的C您的瀏覽器的開發人員工具上的鞋墊。除了輸出之外，還嘗試評論PHP查詢。

來源

2015-09-04 18:29:43 ganlub

感謝您提供ready函數的提示，但對於其他函數，它不起作用，腳本的「exit」部分在使用選擇器時沒有問題。但問題來自腳本的「editbtn」部分，當我點擊按鈕時沒有任何反應。 – AskOcre

在單獨的php文件中定義引導按鈕

回答

相關問題