如何将JQuery添加到PHP文件中

时间:2013-10-27 08:26:51

标签: javascript php jquery

我在文件中添加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的新手 感谢

已解决我只是在外部javascript中使用jQuery

3 个答案:

答案 0 :(得分:3)

不要使用那样的回声。您可以使用简单的HTML

<?php ... ?>之外编写任何内容

答案 1 :(得分:0)

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

您可能还会发现,因为javascript有时会断行,所以将白色空格换行符添加到回显的末尾是有益的:\ n

e.g。

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>

答案 2 :(得分:0)

您需要在css属性上添加引号character(')并正确写入

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

成为

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