2017-03-22 186 views
-1

所以我試圖創建一個按鈕,從PHP將顯示在HTML中,我試圖通過創建警報功能測試按鈕,但它不工作,而如果我在HTML中創建按鈕直接功能起作用。這是我的代碼,可能並不清楚,但我希望這有助於理解我的問題。謝謝。按鈕不工作在PHP

<?php 
echo"<div class='col-md-3'>"; 
echo"<p><button id='remove'>remove</button></p>"; 
?> 

$(document).ready(function(){ 
$("#remove").click(function(){ 
     alert("test"); 

}); 
}); 
+0

你可以定義什麼行不通? –

+0

刪除在PHP中創建的按鈕。這是假設提醒,但它不 – Milan

+2

你正在使用jQuery,你添加到您的網頁? – Shogunivar

回答

1
<?php 
echo"<div class='col-md-3'>"; 
echo"<p><button id='remove'>remove</button></p>"; 
?> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 

<script> 
$(document).ready(function(){ 
$("#remove").click(function(){ 
    //$.post('store_items.php?del',function(data){ 
     alert("test"); 

}); 
}); 
</script> 
+0

我有一個父包括那個lib拉里也是如此。 – Milan

+0

你仍然需要圍繞jQuery代碼 – clearshot66

+0

的腳本標籤沒有工作。 :( – Milan

0

您需要添加周圍的JavaScript代碼的腳本標籤。

<script type="javascript"> 
    $(document).ready(function(){ 
    $("#remove").click(function(){ 

    alert("test"); 

}); 
}); 
</script> 

你們還提供什麼類型的檔案?它是一個PHP文件?

+0

是它的PHP文件 – Milan

+0

歡迎SO。任何澄清的問題應該問在評論部分。請參閱[this](http://meta.stackexchange。com/a/163589/338114)瞭解何時發佈答案以及何時發表評論。 –

0

我只是覺得你必須把東西放在正確的順序和正確的地方。嘗試重新組織你的代碼如下:

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
$("#remove").click(function(){ 
    //$.post('store_items.php?del',function(data){ 
     alert("test"); 

}); 
}); 
</script> 
</head> 
<body> 

<?php 
echo "<div class='col-md-3'>"; 
echo "<p><button id='remove'>remove</button></p>"; 
echo "</div>"; 
?> 

</body> 
</html> 

PS:我嘗試過了,它做工精細;-)

希望是有益的好運氣在未來