2017-03-22 187 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:我尝试过了,它做工精细;-)

希望是有益的好运气在未来