PHP中的jQuery显示错误

Question

I'm trying to insert code into a php page (Wordpress) here is the working model http://jsfiddle.net/Bf49z/13/

I get this error 'Parse error: syntax error, unexpected 'pic' (T_STRING), expecting ',' or ';' in /home/raymondp/public_html/wp-content/themes/Child of Chameleon RP/includes/featured.php on line 7'

In the php page I have

<?php
echo"<script language='javascript'>

<div id="picOne">one</div>
<div id="picTwo">two</div>
<div id="picThree">three</div>
<div id="picFour">four</div>
</script>
";
?>  

 <?php echo "<script type=\"text/javascript\" src=\"www.raymondplumbing.com.au/wp-content/themes/Child of Chameleon RP/plumbers.js\"></script>; ?> 

The css is as per the js fiddle, and is in the stylesheet and verified working. The JS is in the file plumbers.js and looks like this

(function animate(index) {
$elements.eq(index)
    .animate({ opacity: '1', left: '6px' }, 1000)
    .delay(3000)
    .animate({ opacity: '0' }, 1000, function() {
        $(this).css({ left: '400px' });
        animate((index + 1) % $elements.length);
    });
 })(0);

I am a complete beginner at PHP and JS/JQuery although I have been altering/editing php pages for several years. I know HTML/CSS

The code works in the fiddle and I also have it working in an HTML page - but I want it to work in Wordpress where it will run in a box with a background and different words.

I'm very lucky to have got this far, with help from here. I must be close because I'm getting errors!!

line 7 is the first

<div class="pic"> 

Hope someone here can tell me what I've done wrong?

Rob

Answer 1

In PHP you cannot add double quotes inside double quote or you have to escape them.

change you code from this

<?php
echo"<script language='javascript'>

<div id="picOne">one</div>
<div id="picTwo">two</div>
<div id="picThree">three</div>
<div id="picFour">four</div>
</script>
";
?>

To

This

<?php
echo"<script language='javascript'>

<div id='picOne'>one</div>
<div id='picTwo'>two</div>
<div id='picThree'>three</div>
<div id='picFour'>four</div>
</script>
";
?>  

If you have use Double quotes (") then inside these try to use single quotes or escape them properly.

In this line of your code you have already escaped quotes with backslashes

<?php echo "<script type=\"text/javascript\" src=\"www.raymondplumbing.com.au/wp-content/themes/Child of Chameleon RP/plumbers.js\"></script>; ?>

Answer 2

<?php
echo"<script language='javascript'>

<div id=\"picOne\">one</div>
<div id=\"picTwo\">two</div>
<div id=\"picThree\">three</div>
<div id=\"picFour\">four</div>
</script>
";
?>