Question

我echo我的html在身体中使用php。像这样：

<body>
<?php
echo " <button type=\"button\" id=\"button\">Click Me!</button> ";
?>
</body>

在这个html中，我有一个id设置为button的按钮。然后，在Jquery中，我有这个代码：

    $(document).ready(function(){
    $("#button").click(function(){
    alert("It works");
    });
    });

然而，它的工作原理没有被打印出来。我该怎么办？

Answer 1

它还取决于您的Javascript代码在DOM中的位置，以及您是否在相关页面中包含jQuery。

这样的事情可能有用：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script
            src="https://code.jquery.com/jquery-3.2.1.min.js"
            integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
            crossorigin="anonymous">

    </script>
    <title>Demo</title>
</head>
    <body>
        <div class="container">
            <?php
                echo " <button type=\"button\" id=\"button\">Click Me!</button> ";
            ?>
        </div>

    <script type="text/javascript">
        (function ($) {
            $(document).ready(function(){
                $("#button").on("click", function(e){
                    alert("It works");
                });
            });

        })(jQuery);
    </script>

    </body>

</html>

请注意，上面的代码段假定存在于PHP文件中（例如index.php）。

Jquery没有处理由php回应的html

1 个答案: