如何在php代码中编写jquery代码 - How to write jquery code within php code

How to write jquery code within php code

本文关键字：代码 jquery php | 更新日期: 2024-03-10

你好，当我的MySQL查询与特定ID匹配时，我想添加一些JQuery代码，这是我的代码：

<?php
$chkgreenmark ="select * from TABLE where PARAM = '$VARIABLE'";
$sqlchkgreenmark = mysqli_query($GLOBALS['mysqli'],$chkgreenmark);
$numsqlchkgreenmark = mysqli_num_rows($sqlchkgreenmark);
if($numsqlchkgreenmark > 0) { ?>
<script type="text/javascript">
    $(".calendercolumn .dragbox #dragID").append("<div class='detailssaved'><a href='#' ><img src='./images/check_mark.JPG' height='15' width='15'></a></div>");
</script>
<?php 
}?>

问题是，即使没有任何结果，我也会得到JQuery代码。

有人能帮我吗？

试试这个

<?php
    $chkgreenmark ="select * from TABLE where PARAM = '$VARIABLE'";
    $sqlchkgreenmark = mysqli_query($GLOBALS['mysqli'],$chkgreenmark);
    $numsqlchkgreenmark = mysqli_num_rows($sqlchkgreenmark);
    if($numsqlchkgreenmark > 0)
    {
          echo '<script type="text/javascript">
            $(".calendercolumn .dragbox #dragID").append("<div class=''detailssaved''><a href=''#'' ><img src=''./images/check_mark.JPG'' height=''15'' width=''15''></a></div>");
          </script>';
    }
?>

实时演示

我尝试了@rynhe的答案，但直到我添加了文档就绪功能后才对我有效

<?php
    $chkgreenmark ="select * from TABLE where PARAM = '$VARIABLE'";
    $sqlchkgreenmark = mysqli_query($GLOBALS['mysqli'],$chkgreenmark);
    $numsqlchkgreenmark = mysqli_num_rows($sqlchkgreenmark);
    if($numsqlchkgreenmark > 0)
    {
          echo '<script type="text/javascript">
                $(document).ready(function(e) {
                     $(".calendercolumn .dragbox #dragID").append("<div class=''detailssaved''><a href=''#'' ><img src=''./images/check_mark.JPG'' height=''15'' width=''15''></a></div>");
                });
          </script>';
    }
?>

在您可以使用php标记的php文件或页面上，您可以将php写入jquery脚本。这样你就可以像下面这样使用它；

<script type="text/javascript">
    $(".calendercolumn .dragbox <?php echo $id;?>").append("<div class='detailssaved'><a href='#' ><img src='./images/check_mark.JPG' height='15' width='15'></a></div>");
</script>