Question

所以我试图从php创建一个按钮，它将以html显示，我试图通过创建警报功能来测试按钮，但是如果我直接在html中创建按钮，它就无法正常工作。这是我的代码，可能不太清楚，但我希望它有助于理解我的问题。感谢。

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

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

});
});

Answer 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>

Answer 2

您需要在javascript代码周围添加脚本标记。

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

    alert("test");

});
});
</script>

您还在服务什么类型的文件？它是一个PHP文件吗？

Answer 3

我认为你必须把事情按正确的顺序放在正确的地方。尝试重新组织您的代码，如下所示：

<!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：我试过了，它工作正常; - ）

希望对下一个好运有所帮助

按钮在php中不起作用

3 个答案: