jQuery无法在PHP回显的HTML上工作

Question

我使用php在体内echo html。 像这样：

<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 个解决方案

解决方案1
0 已采纳 2017-06-10 09:57:41

jQuery无法在PHP回显的HTML上工作

问题描述

1 个解决方案

解决方案1 0 已采纳 2017-06-10 09:57:41

解决方案1
0 已采纳 2017-06-10 09:57:41