Jquery inside PHP block



Jquery不会运行。单击按钮后,我希望它在标签之间的 Say : 之后添加文本"大家好

"。jquery.js 文件上传到我的服务器,并且与 testpage.php 文件位于同一位置。

我的按钮应该在<html></html>里面还是别的什么?

我的测试页.php代码:

<?php 
echo '<button id="some-btn">Test</button>
  <script src="jquery-3.2.0.min.js"></script>
  <p>Say: </p>
                <script>
                $(document).ready(function () {
                    $("#some-btn").click(fucntion (){
                        $("p").append("Hello Everyone");
                    });
                });
                </script>';
?>

你的代码中有错误。 例如 fucntion拼写错误,应function

<?php  
echo '<button id="some-btn">Test</button>
<script src="jquery-3.2.0.min.js"></script>
<p>Say: </p>
<script>
$(document).ready(function () {
    $("#some-btn").click(function (){
      $("p").append("Hello Everyone");
    });
});
</script>';

就像 Qirel 提到的,我更喜欢打破 php。这样就可以防止 PHP 中的字符串太大。

我的按钮应该在里面还是别的什么?

您的元素应该在您的身体标签之间。您还可以将点击功能更改为下一个:

$(document).on('click', "#some-btn",function (){
  $("p").append("Hello Everyone");
});

这样,即使对于渲染后添加到 DOM 的元素,您的事件也会触发。

最新更新