如何将 JQuery 添加到 PHP 文件中


How to add JQuery into PHP file

我在文件中添加JQuery时遇到问题,这是我的代码:

        <html>
        <head>
        <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'>
        </script>
        <script> 

 $(document).ready(function(){
      $('#k1').click(function(){
            $('#k2').animate({marginLeft:'-50px'});
        $('#k3').animate({marginLeft:'-450px'});
        $('#k4').animate({marginLeft:'-450'});
      });

    });
        </script> 
            </head>
                <body>
                <div class='wrapper'>
                    <div class='mainKotak'>
                        <div class='wKotak'>
                                <div class='kotak' id='k1' ></div>
                        </div>
                    </div>
                </div>
                </body>
                 </html>

上面的代码在

<?php 
echo" ";
?>
jquery

不起作用,请有人帮助我,因为我是jquery的新手谢谢

已解决我只是将jQuery与外部JavaScript一起使用

不要

那样使用回声。你可以用简单的HTML编写<?php ... ?>之外的任何内容

如果我

理解正确,你需要通过php回显jquery代码吗?您可以通过使用反斜杠转义任何双引号或反斜杠 (" , '') 来轻松完成此操作。由于您的代码似乎也没有,因此您应该没问题。

您可能还会发现,由于 javascript 有时对换行符很讲究,因此在 echo 的末尾添加空格换行符是有益的:'

例如

echo "<html>'n";
echo "<head>'n";
echo "<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'>'n";
echo "</script>'n";
echo "<script>'n";

有一个在线工具可以轻松地将原始HTML包装在php echo中,也可以为您提供帮助: http://www.andrewdavidson.com/convert-html-to-php/

如果这样做后它仍然不起作用,则可能存在语法错误。还要检查 php 生成的代码的源代码 - 将其与您上面粘贴的代码进行比较,以确保它们匹配。

@Sanjay上面的答案也更有意义,如果你能这样做的话。您可以轻松地在 php 之间切换:

<?php 
include"db.php"; 
if(!isset($_GET['page'])) 
{ 
    header("location:index.php?page=home"); 
} 
switch($_GET['page'])
{
     case "home": $title = "TITLE WEB";
}
?>
<html>
<head>
<title><?php echo $titleVar; ?></title>
<link rel='stylesheet' href='css/style.css' type='text/css'>
<body>
...
<php echo "Other content"; ?>
</body>
</html>
您需要

在css属性上添加引号字符(')并正确编写

$('#k2').animate({marginLeft:'-50px'});

成为

$('#k2').animate({'margin-left':'-50px'});