时间戳

首页 > 解决方案 > 从ajax页面调用“警报”

jquery - 从ajax页面调用“警报”

问题描述

页面 index.php 有一个“entrantes”按钮，单击该按钮时，通过 ajax 在相应的 div 中加载另一个“platos”按钮。我想要的是，当我按下另一个按钮（“platos”）时，我会收到警报（“hola”），但这不会发生。这个错误在哪里？

索引.php：

<!DOCTYPE html>
<html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
    <script src="ajax.js"></script>
    </head>
    <body>
    
    <div>
        <form  method="post" id="formulario">
        <input type="button" name="entrantes" value="Entrantes">
        </form>
    </div>
       
    <div id="platos_entrantes">
        
    </div>
    <div id="carrito">
        
    </div>
    
    </body>
</html>

ajax.js：

$(document).on('ready',function(){       
    $('input[name=entrantes]').click(function(){
     var url = "buscar_platos.php";
    $.ajax({                        
       type: "POST",                 
       url: url,                     
       data: $("#formulario").serialize(), 
       success: function(data)             
       { 
         $('#platos_entrantes').html(data);  
       }
       });
    });
    
    $('input[name=plato]').click(function(){
       alert("hola");

    });
});

buscar_platos.php：

<input type="button" name="plato" value="Plato">

标签： jqueryajax

解决方案

我终于解决了这个问题：

$(document).on('click', '#plato', function (evt) {
        alert("hola");
           });

推荐阅读